通过 HTML javascript 随机播放音乐无法正常工作答案

【问题标题】：Randomized music play via HTML javascript not working correctly通过 HTML javascript 随机播放音乐无法正常工作
【发布时间】：2014-07-01 14:25:58
【问题描述】：

我正在尝试做的是从 0-3 随机生成每个页面加载的背景嵌入，如下所示。此文件位于index.html 的body 部分。

<script type="text/javascript">
var music = [],
index = 0;

music[0] = "<embed name="myMusic" loop="false" hidden="true" src="music1.mp3"></embed>";
music[1] = "<embed name="myMusic" loop="false" hidden="true" src="music2.mp3"></embed>";
music[2] = "<embed name="myMusic" loop="false" hidden="true" src="music3.mp3"></embed>";
music[3] = "<embed name="myMusic" loop="false" hidden="true" src="music4.mp3"></embed>";

index = Math.floor(Math.random() * music.length);
document.write(music[index]);
</script>

问题是使用上述脚本的任何浏览器都无法播放音乐。

【问题讨论】：

您要么需要转义引号，要么使用单引号。例如：'<embed name="myMusic" loop="false" hidden="true" src="music4.mp3"></embed>';
您需要转义引号。 music[0] = "<embed name=\"myMusic\" loop=\"false\" hidden=\"true\" src=\"music1.mp3\"></embed>";
如果外面使用双引号，则需要在里面使用单引号，反之亦然。
“不工作”是什么意思？你有错误吗？它只是不玩吗？无论如何，并非所有浏览器都支持您尝试做的事情。
how to get this working 不是正确的问题描述，请添加一个。

标签： javascript html background-music

【解决方案1】：

像这样在双引号前添加斜杠：

music[0] = "<embed name=\"myMusic\" loop=\"false\" hidden=\"true\" src=\"music1.mp3\"></embed>";

或者像这样替换双引号：

music[0] = '<embed name="myMusic" loop="false" hidden="true" src="music1.mp3"></embed>';

完整代码：

<script type="text/javascript">
var music = [],
index = 0;

music[0] = '<embed name="myMusic" loop="false" hidden="true" src="music1.mp3"></embed>';
music[1] = '<embed name="myMusic" loop="false" hidden="true" src="music2.mp3"></embed>';
music[2] = '<embed name="myMusic" loop="false" hidden="true" src="music3.mp3"></embed>';
music[3] = '<embed name="myMusic" loop="false" hidden="true" src="music4.mp3"></embed>';

index = Math.floor(Math.random() * music.length);
document.write(music[index]);
</script>

【讨论】：