html背景音乐显示歌词

要在 HTML 页面上显示背景音乐的歌词，你可以使用以下步骤：

1. 创建一个包含歌词的文本文件，例如 lyrics.txt。确保每行只包含一句歌词。

2. 在 HTML 页面中添加一个 `<div>` 元素来显示歌词，例如：

<div id="lyrics"></div>

3. 在 JavaScript 中读取歌词文件，并将其显示在 `<div>` 元素中。可以使用以下代码：

window.onload = function() {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'lyrics.txt', true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var lyricsDiv = document.getElementById('lyrics');
      var lyricsArray = xhr.responseText.split('\n');
      for (var i = 0; i < lyricsArray.length; i++) {
        var p = document.createElement('p');
        p.innerHTML = lyricsArray[i];
        lyricsDiv.appendChild(p);
      }
    }
  };
  xhr.send();
};

4. 在 HTML 页面中添加背景音乐，例如：

<audio src="music.mp3" autoplay controls></audio>

这样，当页面加载时，歌词将从文本文件中加载，并显示在指定的 `<div>` 元素中。同时，背景音乐将自动播放，并显示控件供用户控制播放。

请注意，这只是一种简单的方法，具体实现方式可能因你的需求和技术栈而有所不同。