时间:2021-05-18
在网页中引入外部对象并传递参数,想来大家都有这个经历。一般来说,使用的标签是iframe和embed(针对flash),不过这两个标签都不能象xml一般设置参数,只能通过在url地址后追加查询字符串的方式来传值。htc倒是挺不错的,只是没有浏览器兼容性,想来大家也不考虑它了。
用script标签可以把一个外部js文件载入到页面中,而且不管这个文件是否同域,都同样有效,这种跨域特性,可以说是独一无二的。一般情况下,我们都只是把js文件作为公用代码的一部分加以使用,在这里面集成一些公用函数和类。换个思维,我们把script标签看作是一个大的可视化的组件,对其传入参数,并根据参数进行不同的布局调整,这样做是很有意思的。
举个例子,“<scriptwidth=300height=200filePath="http://mp3.baidu.com/abc.mp3"src=player.js></script>”,这样的写法是不是挺直观,而且又具有实用性呢?大家会问,player.js如何取到script标签里的参数?其实这很简单,只需要在player.js里查找到最后一个script元素,就是当前的这个元素了,然后用getAttribute方法,想取多少个参数都可以。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
script标签除了包含代码之外,想过用他来存储数据吗?这样做的目的主要是为了实现跨域限制。
可以用字符串的方式来存放文本,但这种方式是不直观的,而且需要对特殊字符进行处理,比如:
str="aaaa"
str+="bbbb"
或
str="aaaa\
bbbb"
我们可以利用函数能够显示源码,并能够显示源码中的备注的特性,把数据巧妙地放置在备注中,这样就可以不用遵守js语法的规范了。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
有个应用,拿出来给大家分享
由于xp的补丁,一夜之间让大江南北的网站上的flash全部加上虚框,需要点击才能激活。大家在恨得牙痛之时,只好想出对应的方法,下面是新浪网插入flash的方法:
-----------------------------------------------------
<scripttype="text/javascript"src="http://image2.sina.com.cn/home/sinaflash.js"></script>
<script>
varobjFlash=newsinaFlash("abc.swf","","100","100","7","",false,"high");
objFlash.addParam("wmode","opaque");
objFlash.write("flashcontent_1D194BAF55E2");
</script>
-----------------------------------------------------
如果善用script标签,则可以简化为:
-----------------------------------------------------
<scriptsrc="swf.js"movie="abc.swf"width="100"height="100"wmode="opaque"></script>
-----------------------------------------------------
一句话足矣
下面是swf.js文件的内容:
-----------------------------------------------------
varol,oJs,flaID,sMovie
ol=document.getElementsByTagName("script")
oJs=ol[ol.length-1]
flaID=oJs.getAttribute("flaID")||""
sMovie=oJs.getAttribute("movie")
if(sMovie.slice(0,1)=="{"&&sMovie.slice(-1)=="}")
sMovie=eval(sMovie.slice(1,-1))
l="<objectclassid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'id='"+flaID+"'width='"+(oJs.getAttribute("width")||"100%")+"'height='"+(oJs.getAttribute("height")||"100%")+"'>\
<paramname=movievalue='"+sMovie+"'/>\
<paramname=wmodevalue='"+(oJs.getAttribute("wmode")||"window")+"'/>\
<paramname=allowscriptaccessvalue='always'/>\
<embedid='"+flaID+"'name='"+flaID+"'allowscriptaccess=alwayswmode=transparentsrc='"+sMovie+"'width=120%height=100%type='application/x-shockwave-flash'></embed>\
</object>"
document.write(l)
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
标签 在HTML5中script主要有以下几个属性:async,defer,charset,src,type,async(可选): 关键词:异步脚本,外
Dreamweaver在页面中写入客户端脚本时,可以不用再次写入包括开始和结束script标签,直接在“内容”框中键入或粘贴脚本代码就可
本文实例讲述了jquery及js实现动态加载js文件的方法。分享给大家供大家参考,具体如下:问题:如果用jqueryappend直接加载script标签的话,会
去除html代码里面的script正则方法/***去除html代码里面的脚本字符(...和*@authorob**/publicclassRegex{/***@
本文实例讲述了JS实现文件动态顺序载入的方法。分享给大家供大家参考。具体分析如下:用script标签实现JS代码的动态载入。源于JavaScript语言中函数、