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里怎么取select标签里的值并修改
如下的部分代码: 复制代码 代码如下: <select name="company_id" id="company_id"> <option selected="selected" value="b">BBB</option> <option value="A">AAA</option> <option value="C"
-
js获取select标签选中值的两种方式
复制代码 代码如下: var obj = document.getElementByIdx_x("testSelect"); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; // 选中值jQuery中获得选中select值第一种方式$('#testSelect option:select
-
JS 如果改变span标签的是否隐藏属性
测试: test.html 代码: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript" src="js/Menu.js"></S
-
js实现的修改div里img标签的src属性
无标题文档 function addmethod() { var table=document.getElementById("table"); var tr=table.firstChild.getElementsByTagName("tr")[0]; var arr=tr.getElementsByTagName("td"); for (var i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
js获取select标签的值且兼容IE与firefox
jsp代码: 复制代码 代码如下: <form id="search"> <select id="jobSelect" style="width: 200px;" name="jobSelect"> <s:if test='jobSelect == null || jobSelect == ""'> <option selected="selecte
-
js使用循环清空某个div中的input标签值
HTML页面 <div class="col-xs-9" id="search_songs_a"> <table> <tbody> <tr> <th>钢琴曲名称:</th> <td><input type="text" name="info[gqq_name]" id="gqq_name" style="wi
-
js 为label标签和div标签赋值的方法
在html中,label是没有value属性的, 他与div以及其他大部分html元素一样,有innerText和innerHTML属性 不能document.getElementByID("test").value="chenhuang"; 应该是下面的 复制代码 代码如下: <labelid="test"></label>document.getElementById(test).innerText="&qu
-
js改变img标签的src属性在IE下没反应的解决方法
今天写项目时遇到个图片需要动态改变,例: <img src="images/image01.jpg" id="myImage" /> 然后改变时,使用js脚本: document.getElementById('checkCodeImage').src='images/image02.jpg'; 然后在Chrome FF里都能改变成功,但在IE下却不行,网上搜了半天,大概了解了,这个是IE的一个bug,要想改变src属性成功,可以这么写: documen
-
js改变embed标签src值的方法
本文实例讲述了js改变embed标签src值的方法.分享给大家供大家参考.具体分析如下: 今天有一需求,一堆视频,一堆链接,点击相关的链接,在本页打开相关的视频. 第一想法,很简单么,直接把src值改成点击的那个的href值就可以了. 试了下,发现这样不行,视频该怎么放还是怎么放,永远是刚打开那个. 第二想法,给embed外面加个标签,把里面内容清空,再写进去,这样总可以了吧. 试了下,和上面一样,依旧不行. 又试了许多类似方法,还是不行. 最后,想的,把embed标签隐藏(display:no
-
js改变Iframe中Src的方法
本文实例讲述了js改变Iframe中Src的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="GENERATOR" content="Microsoft Visual Studio .N
-
jQuery 改变P标签文本值方法
Web前台页面中有一P标签值, <p id="p1" > 该用户名已被注册 </p> 想通过jquery改变该P标签的内容. 开始时使用val()属性,发现达不到目标. val()可以用来改变类似于文本框的输入内容. 查了下,使用jQuery HTML 操作完成操作. 函数 描述 $(selector).html(content) 改变被选元素的(内部)HTML $(selector).append(content) 向被选元素的(内部)HTML 追加内容 $(
-
java正则替换img标签中src值的方法
主要功能是: 替换html字符串中img标签src的值. 代码如下: package com.junlenet.common.util; import java.util.regex.Matcher; import java.util.regex.Pattern; /** * html处理工具类 * @author huweijun * @date 2016年7月13日 下午7:25:09 */ public class HtmlUtils { /** * 替换指定标签的属性和值 * @para
-
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
本文实例讲述了js实现iframe框架取值的方法.分享给大家供大家参考,具体如下: 为啥世上会有这么多不同的浏览器?每次遇到js/css的浏览器兼容性问题,总是要发出这样的感叹,真希望这些个浏览器公司全部倒下,然后只留下一家(显然这是一个不可能实现的美好愿望),言归正传,看代码吧: iframe框架内页: <html> <head> <title>框架内页</title> </head> <body> <div> <
-
通过js动态创建标签,并设置属性方法
当我们在写jsp页面时,往往会遇到这种情况:从后台获取的数据个数不确定,此时在前端写jsp页面时也就不确定怎么设计了.这个时候就需要通过js动态创建标签: 1.创建某个标签:如下在body中创建一个div的事例: <script> function fun(){ var frameDiv = document.createElement("div");//创建一个标签 var bodyFa = document.getElementById("bodyid&quo
-
js改变css样式的三种方法推荐
共用代码: <div id="div"> this is a div </div> var div=document.getElementById('div'); 第一种:用cssText div.style.cssText='width:250px;height:250px;border:1px red solid;'; 第二种:用setProperty() div.style.setProperty('width','250px'); div.style.s
-
JS实现数组去重复值的方法示例
本文实例讲述了JS实现数组去重复值的方法.分享给大家供大家参考,具体如下: 运行效果图如下: 完整实例代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&
-
js实现下拉列表选中某个值的方法(3种方法)
本文实例讲述了js实现下拉列表选中某个值的方法.分享给大家供大家参考,具体如下: 方法1: <select id="aa"> <option>1</option> <option>2</option> </select> <input type="button" value=" 选中" onclick="checkOption()" /> &l
-
JS求解三元一次方程组值的方法
本文实例讲述了JS求解三元一次方程组值的方法.分享给大家供大家参考,具体如下: // 求用js 码一段代码求 三元一次方程组的值! // a1 = y * b1 + z * c1 - d1 * x; (1) // a2 = y * b2 + z * c2 - d2 * x; (2) // a3 = y * b3 + z * c3 - d3 * x; (3) // (1) - (2) // a1 - a2 = y * (c1 - c2) + z * (d1 - d2) (4) // (1) - (
随机推荐
- 针对PHP环境下Fckeditor编辑器上传图片配置详细教程
- jquery 简单的图片展示效果
- java实现http请求工具类示例
- PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
- ASP.net 动态加载控件时一些问题的总结
- PHP nl2br函数 将换行字符转成 <br>
- C# MVC 微信支付教程系列之公众号支付代码
- 详解MySQL数据备份之mysqldump使用方法
- JavaScript动态插入script的基本思路及实现函数
- 简单了解JavaScript操作XPath的一些基本方法
- 用javascript实现记录来宾姓名的代码
- 浅谈开启magic_quote_gpc后的sql注入攻击与防范
- jquery中:input和input的区别分析
- 不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
- JavaScript实现简单的拖动效果
- Spring常用配置及解析类说明
- Android横向进度条演示效果
- JFinal实现伪静态的方法
- Oracle基础多条sql执行在中间的语句出现错误时的控制方式
- 对tensorflow 的模型保存和调用实例讲解