js改變embed標籤src值的方法_javascript技巧

本文實例講述了js改變embed標籤src值的方法。分享給大家供大家參考。具體分析如下：

今天有一需求，一堆視頻，一堆鏈接，點擊相關的鏈接，在本頁打開相關的視頻。

第一想法，很簡單麼，直接把src值改成點擊的那個的href值就可以了。

試了一下，發現這樣不行，影片該怎麼放還是怎麼放，永遠是剛打開那個。

第二想法，給embed外面加個標籤，把裡面內容清空，再寫進去，這樣總可以了吧。

試了下，和上面一樣，依舊不行。

又試了許多類似方法，還是不行。

最後，想的，把embed標籤隱藏（display:none），再清空試下。終於可以了！

程式碼如下：

var tabv = document.getElementById("f_tabv");
var tabva = tabv.getElementsByTagName("a");
var tabcv = document.getElementById("f_tab_cv");
tabcv.innerHTML = '<EMBED src="abc.wmv" autostart="true"
width="545" height="325" type="video/x-ms-asf"></EMBED>';
for(var i=0; i<tabva.length; i++){
 tabva[i].onclick=function(){
 var href1 = this.getAttribute("href");
 var href2 = '<EMBED src="'+href1+'" autostart="true"
 width="545" height="325" type="video/x-ms-asf"></EMBED>';
 tabcv.getElementsByTagName("embed")[0].style.display="none";
 tabcv.innerHTML="";
 tabcv.innerHTML=href2;
 for(i=0; i<tabva.length; i++){
  tabva[i].className='';
 }
 this.className = "act";
 return false;
 }
}

希望本文所述對大家的javascript程式設計有所幫助。