JSscript標(biāo)簽有哪些屬性
JS script標(biāo)簽有哪些屬性:
charset:可選。表示通過(guò)src屬性指定的代碼的字符集。由于大多數(shù)瀏覽器會(huì)忽略它的值因此這個(gè)屬性很少有人用。defer:可選。表示腳本可以延遲到文檔完全被解析和顯示之后再執(zhí)行。language:已廢棄。原來(lái)用于表示編寫代碼使用的腳本語(yǔ)言(如JavaScript、JavaScript1.2或VBScript)。大多數(shù)瀏覽器會(huì)忽略這個(gè)屬性,因此也沒(méi)有必要再用了。src:可選。表示包含要執(zhí)行代碼的外部文件。type:必需??梢钥闯墒莑anguage的替代屬性,表示編寫代碼使用的腳本語(yǔ)言的內(nèi)容類型(也稱為MIME類型)。雖然text/javascript和text/ecmascript都已經(jīng)不被推薦使用,但人們一直以來(lái)使用的都還是text/javascript。實(shí)際上,服務(wù)端在傳送JavaScript文件時(shí)使用的MIME類型通常是application/x-javascript,但在type中設(shè)置這個(gè)值卻可能導(dǎo)致腳本被忽略。另外,在非IE瀏覽器中還可以使用以下值:application/javascript和application/ecmascript??紤]到約定成俗和最大限度的瀏覽器兼容性,目前type屬性的值依舊還是text/javascript。
使用script>元素的方式有兩種:直接在頁(yè)面中嵌入JavaScript代碼和包含外部JavaScript文件。
在使用script>元素嵌入JavaScript代碼時(shí),只須為script>指定type屬性。然后,像下面這樣把JavaScript代碼直接放在元素內(nèi)部即可:
scripttype="text/javascript">
functionsayHi(){
alert("Hi!");
}
/script> 包含在script>元素內(nèi)部的JavaScript代碼將被從上至下依次解釋。就拿前面這個(gè)例子來(lái)說(shuō),解釋器會(huì)解釋到一個(gè)函數(shù)的定義,然后將該定義保存在自己的環(huán)境當(dāng)中。在解釋器對(duì)script>元素內(nèi)部的所有代碼求值完畢以前,頁(yè)面中的其余內(nèi)容都不會(huì)被瀏覽器加載或顯示。
在使用script>嵌入JavaScript代碼時(shí),記住不要在代碼中的任何地方出現(xiàn)"/script>"字符串。
例如,瀏覽器在加載下面所示的代碼時(shí)就會(huì)產(chǎn)生一個(gè)錯(cuò)誤:
scripttype="text/javascript">
functionsayScript(){
alert('/script>');
}
/scrìpt> 因?yàn)榘凑战馕銮度胧酱a的規(guī)則,當(dāng)瀏覽器遇到字符串"/script>"時(shí),就會(huì)認(rèn)為那是結(jié)束的/script>標(biāo)簽。通過(guò)把這個(gè)字符串分隔為兩部分可以解決這個(gè)問(wèn)題,
例如:
JSscript>標(biāo)簽有哪些屬性:
functionsayScript(){
alert("/scr"+"ipt>");
}像這樣分成兩部分來(lái)寫就不會(huì)造成瀏覽器的誤解,因而也就不會(huì)導(dǎo)致錯(cuò)誤了。
如果要通過(guò)script>元素來(lái)包含外部JavaScript文件,那么src屬性就是必需的。這個(gè)屬性的值是一個(gè)指向外部JavaScript文件的鏈接,
例如:
scripttype="text/javascript"src="example.js">/script>
在這個(gè)例子中,外部文件example.js將被加載到當(dāng)前頁(yè)面中。外部文件只須包含通常要放在開(kāi)始的script>和結(jié)束的/script>之間的那些JavaScript代碼即可。與解析嵌入式JavaScript代碼一樣,在解析外部JavaScript文件(包括下裁該文件)時(shí),頁(yè)面的處理也會(huì)暫時(shí)停止。如果是在XHTML文檔中,也可以省略前面示例代碼中結(jié)束的/script>標(biāo)簽,
例如:
scripttype="text/javascript"src="example.js"/>
但是,不能在HTML文檔使用這種語(yǔ)法。原因是這種語(yǔ)法不符合HTML規(guī)范,而且也得不到某些瀏覽器一一尤其是IE一一的正確解析。
按照慣例,外部JavaScript文件帶有js擴(kuò)展名。但這個(gè)擴(kuò)展名不是必需的,因?yàn)闉g覽器不會(huì)檢查包含JavaScript的文件的擴(kuò)展名。這樣一來(lái),使用JSP、PHP或其他服務(wù)器端語(yǔ)言動(dòng)態(tài)生成JavaScript代碼也就成為了可能。
需要注意的是,帶有src屬性的script>元素不應(yīng)該在script>和/script>標(biāo)簽之間再包含額外的JavaScript代碼。
另外,通過(guò)script>元素的src屬性還可以包含來(lái)自外部域的JavaScript文件。這一點(diǎn)既使script>元素倍顯強(qiáng)大,又讓它備受爭(zhēng)議。在這一點(diǎn)上,script>與img>元索非常相似,即它的src屬性可以是指向當(dāng)前HTML頁(yè)面所在域之外的某個(gè)域中的URL,例如:
scripttype="text/javascript"src="http://www.somewhere.com/afile.js">/script>
這樣,位于外部域中的代碼也會(huì)被加載和解析,就像這些代碼位于加載它們的頁(yè)面中一樣。利用這一點(diǎn)就可以在必要時(shí)通過(guò)不同的域來(lái)提供JavaScript文件。不過(guò),在訪問(wèn)自己不能控制的服務(wù)器上的JavaScript文件時(shí)則要多加小心。如果不幸遇到了懷有惡意的程序員,那他們隨時(shí)都可能替換該文件中的代碼。因此,如果想包含來(lái)自不同域的代碼,要么你是那個(gè)域的所有者,要么那個(gè)域的所有者值得信賴。
無(wú)論如何包含代碼,瀏覽器都會(huì)按照script>元素在頁(yè)面中出現(xiàn)的先后順序?qū)λ鼈円来芜M(jìn)行解析。換句話說(shuō),在第一個(gè)script>元素包含的代碼解析完成后,第二個(gè)script>包含的代碼才會(huì)被解析,然后才是第三個(gè)、第四個(gè)。
到此這篇關(guān)于JSscript標(biāo)簽有哪些屬性的文章就介紹到這了,更多相關(guān)JSscript標(biāo)簽有哪些屬性內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS解決?Array.fill()參數(shù)為對(duì)象指向同一個(gè)引用地址的問(wèn)題
這篇文章主要介紹了JS解決?Array.fill()參數(shù)為對(duì)象指向同一個(gè)引用地址問(wèn)題,解決方案使用map返回出不同的引用的地址,fill參數(shù)可隨意填寫(不為空),主要是map函數(shù)中返回的數(shù)據(jù),需要的朋友可以參考下2023-02-02
LayUI+Shiro實(shí)現(xiàn)動(dòng)態(tài)菜單并記住菜單收展的示例
這篇文章主要介紹了LayUI+Shiro實(shí)現(xiàn)動(dòng)態(tài)菜單并記住菜單收展的示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
講兩件事:1.this指針的用法小探. 2.ie的attachEvent和firefox的addEventListene
講兩件事:1.this指針的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件處理上的區(qū)別...2007-04-04
JS組件Bootstrap Table表格多行拖拽效果實(shí)現(xiàn)代碼
這篇文章主要介紹了JS組件Bootstrap Table表格多行拖拽效果實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-12-12
JS采用絕對(duì)定位實(shí)現(xiàn)回到頂部效果完整實(shí)例
這篇文章主要介紹了JS采用絕對(duì)定位實(shí)現(xiàn)回到頂部效果,以完整實(shí)例形式分析了JS定位到頁(yè)面頂部功能的實(shí)現(xiàn)方法,涉及javascript動(dòng)態(tài)操作頁(yè)面元素與屬性的相關(guān)技巧,需要的朋友可以參考下2016-06-06
js+html5實(shí)現(xiàn)側(cè)滑頁(yè)面效果
這篇文章主要為大家詳細(xì)介紹了js+html5實(shí)現(xiàn)側(cè)滑頁(yè)面效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
JavaScript Event事件學(xué)習(xí)第一章 Event介紹
Events是每一個(gè)JavaScript程序核心。什么是事件處理,它有什么問(wèn)題和怎樣寫出跨瀏覽器的代碼,我將在這一章做一個(gè)概述。我也會(huì)提供一些有精彩的關(guān)于事件處理程序的細(xì)節(jié)的文章。2010-02-02

