作为一个前端开发者，我一直在探索如何在我的网站上添加背景音乐。今天，我会分享一些我在JavaScript中使用的方法。

第一个关键词是`

这是一个简单的例子，使用`

 
 
 Your browser does not support the audio tag.

var audio = document.getElementById("myAudio");
audio.play();

第二个关键词是`addEventListener()`。我们可以使用这个方法来为音乐添加事件。例如，您可以为音乐添加`ended`事件，以便在音乐播放完毕后执行某些操作。

这是一个例子，当音乐播放完毕时，在控制台打印一条消息：

var audio = document.getElementById("myAudio");
audio.addEventListener("ended", function() {
 console.log("Music has ended");
});

第三个关键词是`localStorage`。如果您希望网站记住用户是否启用了音乐，您可以使用`localStorage`来存储一个值。

这是一个例子，当用户刷新页面时，检查`localStorage`中的值，如果用户以前启用了音乐，则自动播放音乐：

var audio = document.getElementById("myAudio");
if (localStorage.getItem("musicEnabled") == "true") {
 audio.play();
}
document.getElementById("enableMusicButton").addEventListener("click", function() {
 localStorage.setItem("musicEnabled", "true");
 audio.play();
});

所以，这是JavaScript添加背景音乐的方法。使用`

**

相似文章
• ECMAScript和 Javascript的关系
  ECMAScript和 Javascript的关系
  
  

友情链接
• 网站定制开发
• 帮你发
• 小蓄群站获客
• 雅圣洁家政