script标签属性用type还是language


Posted in Javascript onJanuary 21, 2015

被人问起一个问题:

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

Javascript 相关文章推荐
JS俄罗斯方块,包含完整的设计理念
Dec 11 Javascript
jquery 图片上传按比例预览插件集合
May 28 Javascript
提示$ is not defined错误分析及解决
Apr 09 Javascript
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
Jun 09 Javascript
js点击选择文本的方法
Feb 09 Javascript
jquery解析json格式数据的方法(对象、字符串)
Nov 24 Javascript
jQuery使用$.ajax提交表单完整实例
Dec 11 Javascript
js实现页面跳转的几种方法小结
May 16 Javascript
javascript实现标签切换代码示例
May 22 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
May 26 Javascript
AngularJS实现表单元素值绑定操作示例
Oct 11 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
Feb 05 Javascript
JS交换变量的方法
Jan 21 #Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 #Javascript
js实现DOM走马灯特效的方法
Jan 21 #Javascript
浅谈javascript 迭代方法
Jan 21 #Javascript
js实现用户注册协议倒计时的方法
Jan 21 #Javascript
浅谈javascript 归并方法
Jan 21 #Javascript
JS获取时间的方法
Jan 21 #Javascript
You might like
PHP可变变量学习小结
2015/11/29 PHP
thinkPHP实现将excel导入到数据库中的方法
2016/04/22 PHP
CI框架无限级分类+递归的实现代码
2016/11/01 PHP
一个很简单的办法实现TD的加亮效果.
2006/06/29 Javascript
DOM 脚本编程中的兄弟节点
2009/10/31 Javascript
基于Jquery的淡入淡出的特效基础练习
2010/12/13 Javascript
火狐下table中创建form导致两个table之间出现空白
2013/09/02 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
2014/06/03 Javascript
javascript中的Base64、UTF8编码与解码详解
2015/03/18 Javascript
JavaScript中的call方法和apply方法使用对比
2015/08/12 Javascript
Javascript的表单与验证-非空验证
2016/03/18 Javascript
JS验证逗号隔开可以是中文字母数字
2016/04/22 Javascript
JavaScript实现简单的日历效果
2016/09/25 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
vue基于Vue2.0和高德地图的地图组件实例
2017/04/28 Javascript
jquery Form轻松实现文件上传
2017/05/24 jQuery
Axios学习笔记之使用方法教程
2017/07/21 Javascript
webpack 插件html-webpack-plugin的具体使用
2018/04/09 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
2018/04/12 jQuery
vue单页应用的内存泄露定位和修复问题小结
2019/08/02 Javascript
Node.js API详解之 os模块用法实例分析
2020/05/06 Javascript
openLayer4实现动态改变标注图标
2020/08/17 Javascript
js+canvas实现转盘效果(两个版本)
2020/09/13 Javascript
[01:06]DOTA2亚洲邀请赛专属珍藏-荧煌之礼
2017/03/24 DOTA
python解析xml文件实例分享
2013/12/04 Python
python发布模块的步骤分享
2014/02/21 Python
python 数据的清理行为实例详解
2017/07/12 Python
python进程管理工具supervisor的安装与使用教程
2017/09/05 Python
Python实例方法、类方法、静态方法的区别与作用详解
2019/03/25 Python
python3.6.8 + pycharm + PyQt5 环境搭建的图文教程
2020/06/11 Python
HTML5 MiranaVideo播放器 (代码开源)
2010/06/11 HTML / CSS
一些常用的HTML5模式(pattern) 总结
2015/07/14 HTML / CSS
体育学院毕业生自荐信
2013/11/03 职场文书
预备党员承诺书
2014/03/25 职场文书
学习党的群众路线教育实践活动心得体会范文
2014/11/03 职场文书
聘任通知书
2015/09/21 职场文书