通过脚本来实现音频的播放

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>通过脚本来实现音频的播放</title>
    <script>
       window.addEventListener("load",function(){
           //获取所有的li元素
           var ele=document.querySelectorAll("li");
           //循环迭代,当我们点击歌曲时候进行歌曲的播放
           for(var i=0;i<ele.length;i++){
               ele[i].addEventListener("click",function(){
                   //获取我们的歌曲的名字
                   var audioName=this.firstChild.textContent;
                   alert(audioName);
                   (new Audio(audioName).play());
               },true);
           }
       },true);

    </script>
</head>
<body>
    <h3>通过脚本来实现音频的播放(点击播放歌曲)</h3>
       <ul>
           <li>audio/nizhan.mp3</li>
           <li>audio/diyifuren.mp3</li>
           <li>audio/yangcong.mp3</li>
       </ul>
</body>
</html>

你可能感兴趣的:(通过脚本来实现音频的播放)