DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> script標簽屬性用type還是language
script標簽屬性用type還是language
編輯:JavaScript基礎知識     

被人問起一個問題:

復制代碼 代碼如下:
<script language = "JavaScript">
<script type="text/javascript">
<script>

這三個標簽的使用有什麼區別?

雖然一直在用,卻也沒有好好去弄清楚,這裡詳細說明一下。

查閱一些資料,主要是浏覽器支持問題。type 和 language 屬性都可用來指定 <script> 標簽中的腳本的類型。language 屬性在 HTML 和 XHTML 標准中受到了非議,這兩個標准提倡使用 type 屬性。遺憾的是,這兩個屬性的值是不一樣的。

您可能偶爾會看見 language 的值為 VBScript(對 type 而言是 text/vbscript),表示包含的腳本代碼是用 Microsoft 的 Visual Basic Script 編寫的。

利用 JavaScript,您還可以使用 language 的值 "JavaScript 1.1",表示包含的腳本語句只能被 Netscape 3.0 或更新的版本處理。Netscape 2.0 只支持 JavaScript 1.0,而無法處理標記為 "JavaScript 1.1" 的腳本。

為了保證腳本程序可以正常執行,除非特意使用僅 IE 支持的 VBScript 和 Script Encoder 機制外,應當將 SCRIPT 標記的 "type" 屬性設置為 "javascript",並且不要設置已經廢棄的 "Languange" 屬性。

各浏覽器對於 "type" 和 "language" 屬性本身均支持,但是對於其中設置的腳本語言類型識別與支持各異:

"type" 和 "language" 同時存在時,所有浏覽器均優先識別 "type" 屬性內的腳本類型;
其中 IE 浏覽器實際支持 JScript 和 VBScript 腳本語言標示以及 Script Encoder 加密;
Firefox Chrome Safari Opera 對 "type" 屬性值的具體識別寬容度不一致,相對 Chrome Safari 對屬性值正確性校驗更加寬松,Firefox 的校驗最為嚴格;
在 "Language" 屬性值識別寬容度比較中,各浏覽器中 Chrome Safari 依然最為寬松,IE 最為嚴格,Firefox 與 Opera 持平;
Language Encode 比較中,只有 IE 支持 JScript.Encoder 以及 VBScript.Encoder 類型設置,Firefox Chrome Safari均不支持,Opera 中則是該屬性值被修復為默認的 Javascript 腳本語言後才有輸出值。

復制代碼 代碼如下:
<script language="javascript">
function a() {
 b = "a";
}
a();
alert(b);
</script>

關於變量有一個問題,即使你在函數內如同上面那樣聲明變量,它就會變成全局變量。

如果用 var 聲明就會有一個問題。

復制代碼 代碼如下:
<script language="javascript">
function a() {
 var b = "a";
 delete b;
 alert(b);
}
a();
</script>

結果依然會彈出a。

為了保證腳本程序可以正常執行,除非特意使用僅 IE 支持的 VBScript 和 Script Encoder 機制外,應當將 SCRIPT 標記的 "type" 屬性設置為 "javascript",並且不要設置已經廢棄的 "Languange" 屬性。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved