Javascript onclick 变量不起作用

Question

有人可以告诉我为什么这不起作用:

<a href="#" onclick="play('playlist1');">Play Playlist1</a>
function play(id){
    myPlaylist.setPlaylist(id);
}

这正在起作用:

<a href="#" onclick="play();">Play Playlist1</a>
function play(){
    myPlaylist.setPlaylist(playlist1);
}

还有一个名为 playlist1 的变量

var playlist1 = [
    {
        title:"Title",
        artist:"artist",
        mp3: "pathtofile"
    }];

所以我需要第一个来设置变量以获得正确的播放列表。

这是相同的值，所以这真的很奇怪， 但我需要第一个才能工作

有人可以帮助我吗？

Answer 1

如果您的第一个非工作示例，您将 'playlist1' 作为字符串传递，而不是 playlist1 变量。只需删除单引号就足以修复它。

示例:

<a href="#" onclick="play(playlist1);">Play Playlist1</a>
function play(id){
    myPlaylist.setPlaylist(id);
}

另一种解决方案是通过 window[id] 按字符串名称查找变量。

示例:

<a href="#" onclick="play('playlist1');">Play Playlist1</a>
function play(id){
    myPlaylist.setPlaylist(window[id]);
}