有趣的script標(biāo)簽用getAttribute方法來自腳本吧
在網(wǎng)頁中引入外部對象并傳遞參數(shù),想來大家都有這個經(jīng)歷。一般來說,使用的標(biāo)簽是iframe和embed(針對flash),不過這兩個標(biāo)簽都不能象xml一般設(shè)置參數(shù),只能通過在url地址后追加查詢字符串的方式來傳值。htc倒是挺不錯的,只是沒有瀏覽器兼容性,想來大家也不考慮它了。
用script標(biāo)簽可以把一個外部js文件載入到頁面中,而且不管這個文件是否同域,都同樣有效,這種跨域特性,可以說是獨(dú)一無二的。一般情況下,我們都只是把js文件作為公用代碼的一部分加以使用,在這里面集成一些公用函數(shù)和類。換個思維,我們把script標(biāo)簽看作是一個大的可視化的組件,對其傳入?yún)?shù),并根據(jù)參數(shù)進(jìn)行不同的布局調(diào)整,這樣做是很有意思的。
舉個例子,“<script width=300 height=200 filePath="http://mp3.baidu.com/abc.mp3" src=player.js></script>”,這樣的寫法是不是挺直觀,而且又具有實用性呢?大家會問,player.js如何取到script標(biāo)簽里的參數(shù)?其實這很簡單,只需要在player.js里查找到最后一個script元素,就是當(dāng)前的這個元素了,然后用getAttribute方法,想取多少個參數(shù)都可以。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
script標(biāo)簽除了包含代碼之外,想過用他來存儲數(shù)據(jù)嗎?這樣做的目的主要是為了實現(xiàn)跨域限制。
可以用字符串的方式來存放文本,但這種方式是不直觀的,而且需要對特殊字符進(jìn)行處理,比如:
str="aaaa"
str+="bbbb"
或
str="aaaa\
bbbb"
我們可以利用函數(shù)能夠顯示源碼,并能夠顯示源碼中的備注的特性,把數(shù)據(jù)巧妙地放置在備注中,這樣就可以不用遵守js語法的規(guī)范了。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
有個應(yīng)用,拿出來給大家分享
由于xp的補(bǔ)丁,一夜之間讓大江南北的網(wǎng)站上的flash全部加上虛框,需要點(diǎn)擊才能激活。大家在恨得牙痛之時,只好想出對應(yīng)的方法,下面是新浪網(wǎng)插入flash的方法:
-----------------------------------------------------
<script type="text/javascript" src="http://image2.sina.com.cn/home/sinaflash.js"></script>
<script>
var objFlash = new sinaFlash("abc.swf", "", "100", "100", "7", "", false,"high");
objFlash.addParam("wmode", "opaque");
objFlash.write("flashcontent_1D194BAF55E2");
</script>
-----------------------------------------------------
如果善用script標(biāo)簽,則可以簡化為:
-----------------------------------------------------
<script src="swf.js" movie="abc.swf" width="100" height="100" wmode="opaque"></script>
-----------------------------------------------------
一句話足矣
下面是swf.js文件的內(nèi)容:
-----------------------------------------------------
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)
- JavaScript動態(tài)添加css樣式和script標(biāo)簽
- IE8中動態(tài)創(chuàng)建script標(biāo)簽onload無效的解決方法
- 動態(tài)創(chuàng)建script標(biāo)簽實現(xiàn)跨域資源訪問的方法介紹
- Script標(biāo)簽與訪問HTML頁面詳解
- javascript標(biāo)簽在頁面中的位置探討
- script標(biāo)簽屬性type與language使用選擇
- script標(biāo)簽的 charset 屬性使用說明
- javascript 獲取url參數(shù)和script標(biāo)簽中獲取url參數(shù)函數(shù)代碼
- asp.net(C#) 動態(tài)添加非ASP的標(biāo)準(zhǔn)html控件(如添加Script標(biāo)簽)
- 淺談js script標(biāo)簽中的預(yù)解析
相關(guān)文章
nuxt+axios實現(xiàn)打包后動態(tài)修改請求地址的方法
這篇文章主要介紹了nuxt+axios實現(xiàn)打包后動態(tài)修改請求地址的方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04

學(xué)習(xí)JS中的DOM節(jié)點(diǎn)以及操作

bootstrap fileinput 上傳插件的基礎(chǔ)使用

JavaScript新手必看之var在for循環(huán)中的坑

淺談es6中export和export default的作用及區(qū)別