时间戳

首页 > 解决方案 > 为什么我的脚本标签中的 Javascript 不起作用？

javascript - 为什么我的脚本标签中的 Javascript 不起作用？

问题描述

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

我试着把代码放在开头。我已经测试过我是否为 mp3 输入了正确的路径。我尝试在脚本中间删除那种不相关的 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>

标签： javascripthtmldommp3

解决方案

您需要转义反斜杠 -\会破坏您的文件路径。更改\为\\，它应该可以工作。请记住，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");

推荐阅读