全面了解js中的script标签


Posted in Javascript onJuly 04, 2016

在页面中用script标签引入javascript文件(<script type="text/javascript" src="js文件地址"></script>),浏览器在渲染页面的时候,当读取到script元素时,浏览器不会以HTML或XHTML的方式处理其内容,浏览器会通知浏览器的脚本引擎来接管script元素中的内容。

script元素的type属性定义脚本类型,type类型有:

1.text/ecmascript(表示以ECMAScript方式解析这段脚本,即基于ECMA-262脚本标准)

2.text/jscript(表示以JScript方式解析这段脚本,它是微软在IE浏览器中所实现的ECMAScript语言的一种变种)

3.text/vbscript

4.text/vbs

(3、4种表示以微软的VBScript方式处理,是完全不同的脚本语言)

script元素的language属性(早期的script标签中用其属性来解决浏览器兼容问题):

<script type="text/javascript" src="a.js" language="javascript1.2"></script>

language定义支持该脚本的浏览器版本(即浏览器支持javascript1.2,则就执行a.js文件中的代码)

script元素的defer属性:

<script type="text/javascript" src="a.js" language="javascript1.2" defer="defer"></script>

defer属性设置成"defer",表示该脚本不会生成任何文档内容,于是浏览器可以提前处理页面的剩余部分,在页面处理结束并做好显示准备时才处理脚本部分。

script标签在页面中放的位置。

浏览器从同一个域名并发载入的资源是有限制的,所以当把脚本添加到head元素中时,首先载入的将是脚本,其次才是文档的剩余部分。为什么说,把引入了javascript的script元素标签放在head中可能会使得浏览器延迟页面剩余部分的显示?主要是因为脚本中可能会调用document.write方法修改dcument对象。

参考:《Javascript学习指南》

以上这篇全面了解js中的script标签就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
常用的JavaScript验证正则表达式汇总
Nov 26 Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
Jan 22 Javascript
jquery解析XML字符串和XML文件的方法说明
Feb 21 Javascript
js判断当前浏览器类型,判断IE浏览器方法
Jun 02 Javascript
全面理解JavaScript中的继承(必看)
Jun 16 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
Jan 10 Javascript
基于JS实现翻书效果的页面切换样式
Feb 16 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
Feb 26 Javascript
对于Javascript 执行上下文的全面了解
Sep 05 Javascript
Express系列之multer上传的使用
Oct 27 Javascript
vue axios整合使用全攻略
May 24 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
jQuery基础_入门必看知识点
Jul 04 #Javascript
把普通对象转换成json格式的对象的简单实例
Jul 04 #Javascript
JS实现n秒后自动跳转的两种方法
Nov 30 #Javascript
js输出数据精确到小数点后n位代码
Jul 02 #Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 #Javascript
JavaScript Ajax编程 应用篇
Jul 02 #Javascript
js跨域资源共享 基础篇
Jul 02 #Javascript
You might like
PHP 分页原理分析,大家可以看看
2009/12/21 PHP
thinkPHP学习笔记之安装配置篇
2015/03/05 PHP
PHP实现二叉树的深度优先与广度优先遍历方法
2015/09/28 PHP
Zend Framework动作助手Url用法详解
2016/03/05 PHP
workerman结合laravel开发在线聊天应用的示例代码
2018/10/30 PHP
laravel5.2表单验证,并显示错误信息的实例
2019/09/29 PHP
Laravel validate error处理,ajax,json示例
2019/10/25 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
javascript工具库代码
2012/03/29 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
2016/05/20 Javascript
jQuery中text() val()和html()的区别实例详解
2016/06/28 Javascript
js自定义QQ菜单效果
2017/01/10 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
2018/03/21 Javascript
JavaScript实现简单随机点名器
2019/11/21 Javascript
Java Varargs 可变参数用法详解
2020/01/28 Javascript
python解决字典中的值是列表问题的方法
2013/03/04 Python
详解python脚本自动生成需要文件实例代码
2017/02/04 Python
selenium+python 去除启动的黑色cmd窗口方法
2018/05/22 Python
通过python顺序修改文件名字的方法
2018/07/11 Python
详解Python 装饰器执行顺序迷思
2018/08/08 Python
Python函数any()和all()的用法及区别介绍
2018/09/14 Python
Python 支付整合开发包的实现
2019/01/23 Python
python初学者,用python实现基本的学生管理系统(python3)代码实例
2019/04/10 Python
Python各种扩展名区别点整理
2020/02/27 Python
Python with语句用法原理详解
2020/07/03 Python
一篇文章搞懂python的转义字符及用法
2020/09/03 Python
Html5原生拖拽相关事件简介以及基础实现
2020/11/19 HTML / CSS
Linux的文件类型
2016/07/05 面试题
vue路由实现登录拦截
2021/03/24 Vue.js
单位委托书怎么写
2014/08/02 职场文书
干部作风建设个人剖析材料
2014/10/11 职场文书
2016学习雷锋精神活动倡议书
2015/04/27 职场文书
同乡会致辞
2015/07/30 职场文书
2016七一建党节慰问信
2015/11/30 职场文书
大学自主招生自荐信(2016精选篇)
2016/01/28 职场文书