欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

有趣的script標(biāo)簽用getAttribute方法來自腳本吧

 更新時間:2007年03月10日 00:00:00   作者:  

在網(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ù)都可以。 


script標(biāo)簽除了包含代碼之外,想過用他來存儲數(shù)據(jù)嗎?這樣做的目的主要是為了實現(xiàn)跨域限制。 
可以用字符串的方式來存放文本,但這種方式是不直觀的,而且需要對特殊字符進(jìn)行處理,比如: 
str="aaaa" 
str+="bbbb" 
或 
str="aaaa\ 
bbbb" 
我們可以利用函數(shù)能夠顯示源碼,并能夠顯示源碼中的備注的特性,把數(shù)據(jù)巧妙地放置在備注中,這樣就可以不用遵守js語法的規(guī)范了。 

有個應(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) 

相關(guān)文章

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

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

    本篇文章給大家整理了關(guān)于JS中DOM節(jié)點(diǎn)的相關(guān)知識點(diǎn)以及代碼實例,有興趣的朋友可以跟著學(xué)習(xí)下。
    2018-04-04
  • JavaScript中URL編碼函數(shù)代碼

    JavaScript中URL編碼函數(shù)代碼

    JavaScript中存在幾種對URL字符串進(jìn)行編碼的方法:escape(),encodeURI(),以及encodeURIComponent()。這幾種編碼所起的作用各不相同。
    2011-01-01
  • 微信小程序控制view隱藏顯示的5種方法匯總

    微信小程序控制view隱藏顯示的5種方法匯總

    在微信小程序開發(fā)時,經(jīng)常要用到一個控件會根據(jù)不同的情況和環(huán)境動態(tài)顯示與隱藏這種情況,下面這篇文章主要給大家介紹了關(guān)于微信小程序控制view隱藏顯示的5種方法,需要的朋友可以參考下
    2022-04-04
  • bootstrap fileinput 上傳插件的基礎(chǔ)使用

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

    這篇文章主要介紹了bootstrap fileinput 上傳插件基礎(chǔ)使用,重點(diǎn)是把界面做得更加友好,更好的增加用戶體驗。對bootstrap fileinput知識感興趣的朋友通過本文一起學(xué)習(xí)吧
    2017-02-02
  • javascript編寫實用的省市選擇器

    javascript編寫實用的省市選擇器

    這篇文章主要介紹了javascript編寫實用的省市選擇器的方法及示例分享,非常不錯,推薦給有相同需求的小伙伴們。
    2015-02-02
  • JavaScript新手必看之var在for循環(huán)中的坑

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

    var這個關(guān)鍵字在JS當(dāng)中是相當(dāng)常用的,但同時配合到for循環(huán)的話會出現(xiàn)不符合預(yù)期的運(yùn)行結(jié)果,所以本文就來為大家講講如何避免這種情況的出現(xiàn)
    2023-05-05
  • 淺談es6中export和export default的作用及區(qū)別

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

    下面小編就為大家分享一篇淺談es6中export和export default的作用及區(qū)別,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-02-02
  • JS常用算法實現(xiàn)代碼

    JS常用算法實現(xiàn)代碼

    這篇文章主要為大家詳細(xì)介紹了用JS常用幾個算法的實現(xiàn)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-11-11
  • 最新評論