有趣的script标签用getAttribute方法来自脚本吧

站长资源 2024/11/26 佚名

2 0 1

在网页中引入外部对象并传递参数，想来大家都有这个经历。一般来说，使用的标签是iframe和embed（针对flash），不过这两个标签都不能象xml一般设置参数，只能通过在url地址后追加查询字符串的方式来传值。htc倒是挺不错的，只是没有浏览器兼容性，想来大家也不考虑它了。
    用script标签可以把一个外部js文件载入到页面中，而且不管这个文件是否同域，都同样有效，这种跨域特性，可以说是独一无二的。一般情况下，我们都只是把js文件作为公用代码的一部分加以使用，在这里面集成一些公用函数和类。换个思维，我们把script标签看作是一个大的可视化的组件，对其传入参数，并根据参数进行不同的布局调整，这样做是很有意思的。
    举个例子，“<script width=300 height=200 filePath="http://mp3.baidu.com/abc.mp3" src=player.js></script>”，这样的写法是不是挺直观，而且又具有实用性呢？大家会问，player.js如何取到script标签里的参数？其实这很简单，只需要在player.js里查找到最后一个script元素，就是当前的这个元素了，然后用getAttribute方法，想取多少个参数都可以。
<body> </body>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
script标签除了包含代码之外，想过用他来存储数据吗？这样做的目的主要是为了实现跨域限制。
可以用字符串的方式来存放文本，但这种方式是不直观的，而且需要对特殊字符进行处理，比如：
str="aaaa"
str+="bbbb"
或
str="aaaa\
bbbb"
我们可以利用函数能够显示源码，并能够显示源码中的备注的特性，把数据巧妙地放置在备注中，这样就可以不用遵守js语法的规范了。
<body> </body>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
有个应用，拿出来给大家分享
由于xp的补丁，一夜之间让大江南北的网站上的flash全部加上虚框，需要点击才能激活。大家在恨得牙痛之时，只好想出对应的方法，下面是新浪网插入flash的方法：
-----------------------------------------------------
<script type="text/javascript" src="/UploadFiles/2021-04-02/sinaflash.js"><script>
var objFlash = new sinaFlash("abc.swf", "", "100", "100", "7", "", false,"high");
objFlash.addParam("wmode", "opaque");
objFlash.write("flashcontent_1D194BAF55E2");
</script>
-----------------------------------------------------
如果善用script标签，则可以简化为：
-----------------------------------------------------
<script src="/UploadFiles/2021-04-02/swf.js">-----------------------------------------------------
一句话足矣
下面是swf.js文件的内容：
-----------------------------------------------------
var ol,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="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' id='"+flaID+"' width='"+(oJs.getAttribute("width")||"100%")+"' height='"+(oJs.getAttribute("height")||"100%")+"'>\
    <param name=movie value='"+sMovie+"' />\
    <param name=wmode value='"+(oJs.getAttribute("wmode")||"window")+"' />\
    <param name=allowscriptaccess value='always' />\
    <embed id='"+flaID+"' name='"+flaID+"' allowscriptaccess=always wmode=transparent src='"+sMovie+"' width=120% height=100% type='application/x-shockwave-flash'></embed>\
</object>"
document.write(l)

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“有趣的script标签用getAttribute方法来自脚本吧”

暂无评论...

www.wwsws.com 伏龙阁资源网

39,976影音资源

44,792技术资源

21,817软件资源

651,128站长资源

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

2024年11月26日

有趣的script标签用getAttribute方法来自脚本吧

学习YUI.Ext基础第一天

一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试

评论“有趣的script标签用getAttribute方法来自脚本吧”

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

更新日志

友情链接