script标签属性用type还是language？

admin

script标签属性用type还是language？ - 浏览器对它们识别程度不同
本文关键词：script基础知识，script知识

被人问起一个问题：

1. <script language = "JavaScript">
   
2. <script type="text/javascript">
   
3. <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 脚本语言后才有输出值。

1. <script language="javascript">
   
2. function a() {
   
3.         b = "a";
   
4. }
   
5. 
   
6. a();
   
7. alert(b);
   
8. </script>

复制代码

关于变量有一个问题，即使你在函数内如同上面那样声明变量，它就会变成全局变量。

如果用 var 声明就会有一个问题。

1. <script language="javascript">
   
2. function a() {
   
3. var b = "a";
   
4. delete b;
   
5. alert(b);
   
6. }
   
7. a();
   
8. </script>

复制代码

结果依然会弹出a。

为了保证脚本程序可以正常执行，除非特意使用仅 IE 支持的 VBScript 和 Script Encoder 机制外，应当将 SCRIPT 标记的 "type" 属性设置为 "javascript"，并且不要设置已经废弃的 "Languange" 属性。