js改變embed標(biāo)簽src值的方法
更新時(shí)間：2015年04月10日 12:06:39 作者：jingangel
這篇文章主要介紹了js改變embed標(biāo)簽src值的方法,涉及javascript操作元素屬性的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了js改變embed標(biāo)簽src值的方法。分享給大家供大家參考。具體分析如下：
今天有一需求，一堆視頻，一堆鏈接，點(diǎn)擊相關(guān)的鏈接，在本頁(yè)打開(kāi)相關(guān)的視頻。
第一想法，很簡(jiǎn)單么，直接把src值改成點(diǎn)擊的那個(gè)的href值就可以了。
試了下，發(fā)現(xiàn)這樣不行，視頻該怎么放還是怎么放，永遠(yuǎn)是剛打開(kāi)那個(gè)。
第二想法，給embed外面加個(gè)標(biāo)簽，把里面內(nèi)容清空，再寫(xiě)進(jìn)去，這樣總可以了吧。
試了下，和上面一樣，依舊不行。
又試了許多類(lèi)似方法，還是不行。
最后，想的，把embed標(biāo)簽隱藏（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;
}
}
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)多張照片上傳功能,當(dāng)服務(wù)器的狀態(tài)碼為200且圖片上傳完畢后將圖片的src轉(zhuǎn)化為Json字符串存在數(shù)組中以便將其添加到數(shù)據(jù)庫(kù),本文通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
JavaScript Image對(duì)象實(shí)現(xiàn)原理實(shí)例解析
這篇文章主要介紹了JavaScript Image對(duì)象實(shí)現(xiàn)原理實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08
javascript中全局對(duì)象的isNaN()方法使用介紹
全局對(duì)象的isNaN()方法通常用于檢測(cè) parseFloat() 和 parseInt() 的結(jié)果，下面為大家介紹下其具體的使用，感興趣的朋友可以參考下2013-12-12
巧妙解決Layui.table組件分頁(yè)問(wèn)題示例
這篇文章主要為大家介紹了巧妙解決Layui.table組件分頁(yè)問(wèn)題方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
這篇文章主要介紹了淺談es6中的元編程，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
這篇文章主要介紹了JavaScript從數(shù)組中刪除指定值元素的方法,實(shí)例分析了兩種常用的javascript操作數(shù)組指定元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
原生JS實(shí)現(xiàn)的放大鏡特效示例【測(cè)試可用】
這篇文章主要介紹了原生JS實(shí)現(xiàn)的放大鏡特效,涉及javascript事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-12-12
layui數(shù)據(jù)表格 table.render 報(bào)錯(cuò)的解決方法
今天小編就為大家分享一篇layui數(shù)據(jù)表格 table.render 報(bào)錯(cuò)的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
詳解基于DllPlugin和DllReferencePlugin的webpack構(gòu)建優(yōu)化
這篇文章主要介紹了詳解基于DllPlugin和DllReferencePlugin的webpack構(gòu)建優(yōu)化，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
這篇文章主要介紹了寫(xiě)一個(gè)飛快的 JavaScript 打包壓縮工具，非常好用，本文給大家分享實(shí)現(xiàn)思路,需要的朋友可以參考下2020-04-04