script标签属性type与language使用选择

被人问起一个问题：

<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" 属性。

赞 (0)

相关推荐

  • 浅谈js script标签中的预解析

    首先介绍预解析,虽然预解析字面意思很好理解,但是却是出坑出的最多的地方,也是bug经常会有的地方,利用好预解析的特性可以解决很多问题,并且提高代码的质量及数量,浏览器在解析代码前会把变量的声明和函数(整个函数体)提前到当前作用域的最顶端. 细节问题:在多对的script标签中如果有相同的函数,那它们相互之间是不会受影响的,在第二对script标签中声明变量或者是创建函数,在第一对script标签中是无法访问到的,这就说明了,javaScript的预解析只会在各自的script标签中发生,同时,第

  • script标签的 charset 属性使用说明

    定义和用法 charset 属性规定在外部脚本文件中使用的字符编码. 如果外部文件中的字符编码与主文件中的编码方式不同,就要用到 charset 属性. 默认的字符编码是 ISO-8859-1. src 和 charset 属性 对特别长的 JavaScript 程序或者经常重复使用的程序来说,你可以希望将这些代码存放到一个单独的文件中.在这样的情况下,让浏览器通过 src 属性来载入那个单独的文件. src 的值是包含这个 JavaScript 程序的文件的 URL.保存的文件的 MIME 类

  • Script标签与访问HTML页面详解

    Script标签与访问HTML页面详解

    复制代码 代码如下: <img src="1_ender1000.jpg" id="img2" alt="" onclick="alert('onclick');" onmouseover="this.src='1_yylklshmyt20090217.jpg'" title="反转图片" />    <script type="text/javascript

  • javascript标签在页面中的位置探讨

    在制作网页的过程中,我们经常写类似下面的代码: [html] 复制代码 代码如下: <html> <head> <title>Example HTML Page</title> <script type="text/javascript" src="example1.js"></script> <script type="text/javascript" src=&qu

  • 有趣的script标签用getAttribute方法来自脚本吧

    在网页中引入外部对象并传递参数,想来大家都有这个经历.一般来说,使用的标签是iframe和embed(针对flash),不过这两个标签都不能象xml一般设置参数,只能通过在url地址后追加查询字符串的方式来传值.htc倒是挺不错的,只是没有浏览器兼容性,想来大家也不考虑它了.      用script标签可以把一个外部js文件载入到页面中,而且不管这个文件是否同域,都同样有效,这种跨域特性,可以说是独一无二的.一般情况下,我们都只是把js文件作为公用代码的一部分加以使用,在这里面集成一些公用函数

  • IE8中动态创建script标签onload无效的解决方法

    本文实例讲述了IE8中动态创建script标签onload无效的解决方法.分享给大家供大家参考.具体分析如下: 今天做项目,发现一个奇怪的问题,动态创建的script标签在IE8下无法触发onload事件. 代码如下: 复制代码 代码如下: var loadJs = function(src, fun){     var script = null;     script = document.createElement("script");     script.type = &qu

  • javascript 获取url参数和script标签中获取url参数函数代码

    url paramter: 复制代码 代码如下: //lastest: var getArgs=function() {//get url querystring var params=document.location.search,reg=/(?:^\?|&)(.*?)=(.*?)(?=&|$)/g,temp,args={}; while((temp=reg.exec(params))!=null) args[temp[1]]=decodeURIComponent(temp[2]);

  • asp.net(C#) 动态添加非ASP的标准html控件（如添加Script标签）

    复制代码 代码如下: HtmlGenericControl Include2 = new HtmlGenericControl("script"); Include2.Attributes.Add("type", "text/javascript"); Include2.InnerHtml = "alert('JavaScript in Page Header');"; this.Page.Header.Controls.Ad

  • JavaScript动态添加css样式和script标签

    [动态添加css样式] <html> <head> <script type="text/javascript"> window.onload=function(){ var head=document.getElementsByTagName('head')[0]; //获取到head元素 var link=document.createElement('link'); //创建link元素节点,也就是link标签 link.rel="s

  • 动态创建script标签实现跨域资源访问的方法介绍

    login.html 复制代码 代码如下: <script> function request(id,url){     oScript = document.getElementById(id);     var head = document.getElementsByTagName("head").item(0);     if (oScript) {        head.removeChild(oScript);     }     oScript = docu

随机推荐