用JS改变embed标签的src属性

思路:

A.先隐藏embed标签

B.清除embed元素

C.为embed重新赋值,加入Html页面中

1.html代码

<object id="forfun" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%"
height="100%" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0">
<param name="movie" value="@firstShop.ID">
<param name="quality" value="high">
<param name="bgcolor" value="#F0F0F0">
<param name="menu" value="false">
<param name="wmode" value="opaque">
<!--Window|Opaque|Transparent-->
<param name="FlashVars" value="">

<!--控制全屏-->

<param name="allowFullScreen" value="true" /> 
<param name="allowScriptAccess" value="sameDomain">
<embed id="forfunex" src="@firstShop.Shop.FirstSwfUrl"
width="1000"
height="400"
align="middle"

<!--控制全屏---->

allowfullscreen="true"
quality="high"
bgcolor="#f0fff8"
menu="false"
play="true"
loop="false"
FlashVars=""
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer"> </embed>
</object>

2.JS代码

<script type="text/javascript">
$(function () {
var imgs = $(".img");
$.each(imgs, function () {
$(this).click(function () {
var swfPath = $(this).attr("swfPath");
var embed = ‘<embed id="forfunex" src="‘ + swfPath + ‘" width="1000" height="300" align="middle" quality="high" allowfullscreen="true" bgcolor="#f0fff8" menu="false" play="true" loop="false" FlashVars="" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer"> </embed>‘;
$("forfunex").attr("display", "none");
var object = document.getElementById("forfun");
object.getElementsByTagName("embed")[0].style.display = "none";
object.innerHTML = "";
object.innerHTML = embed;
});
});
});
</script>

时间: 2024-10-07 18:20:08

用JS改变embed标签的src属性的相关文章

获取标签的src属性兼容性

获取节点如script标签的src属性时,针对非IE6,IE7可以直接使用src属性,但在IE6-7中存在问题,可以借助getAttribute方法 getAttribute(attr,iflag) iflag 取值: 0: 属性不区分大小写,但是返回一个被修改的值 1:区分大小写,必须严格和属性名匹配才能查找到 2:返回一个字符串,但是针对事件属性不适用 4:返回一个扩展的url,完整的url值,只针对url属性有效 官方文档:https://msdn.microsoft.com/en-us/

web前端入门到实战:HTML中img标签的src属性绝对路径问题解决办法,完全解决!

HTML中img标签的src属性绝对路径问题解决办法,完全解决 需求:有时候自己的项目img的src路径需要用到本地某文件夹下的图片,而不是直接使用项目根目录下的图片. 场景:eclipse,tomcat,html,img,src,java 注意:不需要寻找tomcat真实路径下的server.xml去修改,这个地方不需要修改. 解决办法:1.在eclipse中找到你的项目发布的tomcat服务器,然后找到左侧Servers下对应的你的Tomcat服务器中的server.xml文件,如下图所示:

js 设置img标签的src资源无法找到的替代图片(通过img的属性设置)

在网站的前端页面设计中,要考虑到img图片资源的存在性,如果img的src图片资源不存在或显示不出来,则需要显示默认的图片.如何做到呢? 一.监听document的error事件 document.addEventListener("error", function (e) { var elem = e.target; if (elem.tagName.toLowerCase() === 'img') { var notFoundImgSrt = $(elem).attr("

script标签的src属性

src属性指定外部文件路径,浏览器根据src属性值请求外部文件然后将外部文件的内容插入script标签之间,结果会覆盖原本script标签之间的内容,类似于document.write()会覆盖原本的dom一样.导致在编辑时写入的js代码不会被执行. 文件并非必须是js文件,任意类型的文本文件都可以,比如html,css,xml,txt.要求是这些文件里面的内容是js代码即可. 文件 "5.txt" 内容:console.log("5.txt"); <!--

三目运算符 改变&lt;a&gt;标签的class属性

<s:iterator value="funcList" status="status" id="bean"> <a id="funca<s:property value="id"/>" name="funca" ${funcid == bean.id ?" class='toptitleSelect'" : "" }

js 控制 input标签的 readonly属性

input 标签的 readonly 属性   $('#id').attr("readonly","readonly")//将input元素设置为readonly   $('#id').removeAttr("readonly");//去除input元素的readonly属性     if($('#id').attr("readonly")==true)//判断input元素是否已经设置了readonly属性 本人喜欢如下方法

js 重写a标签的href属性和onclick事件

适应场景:假如移动端拨打电话,需要给a标签添加href属性,但是由于需求,需要链接跳转的同时给a标签添加onclick事件,如果不做任何处理的话,默认执行点击事件,而不会跳转href属性的链接. 怎么解决:重写a标签的href属性和onclick事件 //这段代码可放入点击事件里 (function(){ this.fnCancel(); var _event_list = {}; // 找到页面上所有的a标签 var links = document.getElementsByTagName(

使用js设置input标签只读 readonly 属性

先上代码: <html> <head> <title> test </title> <meta charset="utf-8"> </head> <script language="JavaScript"> function setReadonly() { //document.getElementById("test").setAttribute("r

js中修改标签的hidden属性

hidden属性在html5中,只要存在,就是隐藏效果,而不论值为多少 要显示元素,要删除hidden属性,而不是设置为false <script type="text/javascript" async="true"> function qq_onclick(){ var text_2=document.getElementById("text_1"); text_2.removeAttribute("hidden&quo