为什么我的脚本标签中的Javascript不起作用?

时间:2018-12-31 03:41:48

标签: javascript html html5 dom mp3

我学习javascript,并使用事件处理程序进行练习。 我已经编写了正确的代码(确定...),以便在单击按钮(button1)时播放mp3。

我尝试将代码放在开头。 我已经测试过是否为mp3输入了正​​确的路径。 我试过删除脚本中间的irrelevent 2行事件处理程序。 我不知道发生了什么!有人可以帮忙吗?

<head>
</head>

<body>
<div><button id="button1" onclick="playMusic()">MUSIC</button>
<span><button id="button2">VIDEOS</button></span>
<span><button id="button3">PICTURES</button></span></div>
<div><button id="button4">BRAIN GAMES</button>
<span><button id="button5"><a 
href="C:\Users\sared\Documents\Vegas\message.html">TALK TO FAMILY</a> 
</button></span>
<span><button id="button6">STORIES</button></span></div>


<script>

    var item = document.getElementById("button1");
    var music = new Audio("C:\Users\sared\Documents\baccara.mp3");

    item.addEventListener("click", playMusic, false);
    item.addEventListener("dblclick", stopMusic, false);

    function playMusic() {
       music.play();
    }

    function stopMusic() {
       music.stop();
    }

    </script>

1 个答案:

答案 0 :(得分:1)

您需要转义反斜杠-\将破坏文件路径。将\更改为\\,它应该可以工作。请记住,尽管如此,JavaScript通常无法访问本地文件系统。

<a href="C:\Users\\sared\\Documents\\Vegas\\message.html">TALK TO FAMILY</a> 

JS:

var music = new Audio("C:\Users\\sared\\Documents\\baccara.mp3");