現(xiàn)在的網(wǎng)站開(kāi)發(fā)越來(lái)越傾向于多媒體展示，在網(wǎng)站中加入一些背景音樂(lè)也是一種不錯(cuò)的選擇。在HTML5中，我們可以使用audio標(biāo)簽來(lái)設(shè)置多首音樂(lè)。

首先，我們需要在HTML文檔中添加一個(gè)audio標(biāo)簽，并為其設(shè)置一個(gè)id名：

<audio id="music"></audio>

接下來(lái)，我們可以在JavaScript中設(shè)置音樂(lè)源文件，并為音樂(lè)添加控制按鈕：

let music = document.getElementById("music");
music.src = "music1.mp3";
let playBtn = document.createElement("button");
playBtn.innerHTML = "Play";
playBtn.onclick = function() {
music.play();
};
let pauseBtn = document.createElement("button");
pauseBtn.innerHTML = "Pause";
pauseBtn.onclick = function() {
music.pause();
};
document.body.appendChild(playBtn);
document.body.appendChild(pauseBtn);

在上面的例子中，我們首先獲取了id為"music"的audio標(biāo)簽，然后將音樂(lè)的源文件設(shè)置為"music1.mp3"。接著，我們創(chuàng)建了一個(gè)名為"playBtn"的按鈕，并為其添加了一個(gè)點(diǎn)擊事件，點(diǎn)擊該按鈕將啟動(dòng)音樂(lè)播放。同理，我們還創(chuàng)建了一個(gè)名為"pauseBtn"的按鈕，點(diǎn)擊該按鈕將暫停音樂(lè)播放。最后，我們將這兩個(gè)按鈕添加到HTML文檔的body中。

如果我們需要添加多首音樂(lè)，只需要重復(fù)上面的步驟即可。在JavaScript中，我們只需要更改id名和音樂(lè)源文件即可實(shí)現(xiàn)多首音樂(lè)播放。同時(shí)，我們還可以為每首音樂(lè)添加控制按鈕，從而讓用戶(hù)可以自由控制播放和暫停。