手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js改变embed标签src值的方法
js改变embed标签src值的方法
摘要:本文实例讲述了js改变embed标签src值的方法。分享给大家供大家参考。具体分析如下:今天有一需求,一堆视频,一堆链接,点击相关的链接,在...

本文实例讲述了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程序设计有所帮助。

【js改变embed标签src值的方法】相关文章:

js去字符串前后空格的实现方法

js获取滚动距离的方法

javascript实现树形菜单的方法

JavaScript获取并更改input标签name属性的方法

js验证上传图片的方法

javascript实现图片跟随鼠标移动效果的方法

javascript获取select值的方法分析

js实现鼠标划过给div加透明度的方法

jquery控制表单输入框显示默认值的方法

js实现文本框选中的方法

精品推荐
分类导航