您的位置：首页 > 其它

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

2013-12-30 20:39 190 查看
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航