全面了解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 09 Javascript
Js 时间间隔计算的函数(间隔天数)
Nov 15 Javascript
javascript 基础篇3 类,回调函数,内置对象,事件处理
Mar 14 Javascript
jQuery .tmpl() 用法示例介绍
Aug 21 Javascript
JQuery中clone方法复制节点
May 18 Javascript
微信小程序 数据访问实例详解
Oct 08 Javascript
AngularJS框架的ng-app指令与自动加载实现方法分析
Jan 04 Javascript
微信小程序 页面之间传参实例详解
Jan 13 Javascript
详解angular如何调用HTML字符串的方法
Jun 30 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
Nov 26 Javascript
vue 判断元素内容是否超过宽度的方式
Jul 29 Javascript
Javascript中Microtask和Macrotask鲜为人知的知识点
Apr 02 Javascript
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
PHP5新特性: 更加面向对象化的PHP
2006/11/18 PHP
PHP下利用header()函数设置浏览器缓存的代码
2010/09/01 PHP
PHP查找数值数组中不重复最大和最小的10个数的方法
2015/04/20 PHP
PHP微信开发之模板消息回复
2016/06/24 PHP
利用404错误页面实现UrlRewrite的实现代码
2008/08/20 Javascript
慎用 somefunction.prototype 分析
2009/06/02 Javascript
JavaScript setTimeout和setInterval的使用方法 说明
2010/03/25 Javascript
JS遮罩层效果 兼容ie firefox jQuery遮罩层
2010/07/26 Javascript
js弹出层(jQuery插件形式附带reLoad功能)
2013/04/12 Javascript
document.documentElement的一些使用技巧
2013/04/18 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
选择复选框按钮置灰否则按钮可用
2014/05/22 Javascript
jQuery select表单提交省市区城市三级联动核心代码
2014/06/09 Javascript
浅谈javascript获取元素transform参数
2015/07/24 Javascript
js如何编写简单的ajax方法库
2017/08/02 Javascript
详解如何用模块化的方式写vuejs
2017/12/16 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
js实现for循环跳过undefined值示例
2019/07/02 Javascript
解决vue打包后vendor.js文件过大问题
2019/07/03 Javascript
react native 仿微信聊天室实例代码
2019/09/17 Javascript
JS实现盒子拖拽效果
2020/02/06 Javascript
Python requests模块实例用法
2019/02/11 Python
Python爬取豆瓣视频信息代码实例
2019/11/16 Python
python输出数组中指定元素的所有索引示例
2019/12/06 Python
Python try except异常捕获机制原理解析
2020/04/18 Python
浅析Python 抽象工厂模式的优缺点
2020/07/13 Python
Python同时迭代多个序列的方法
2020/07/28 Python
HTML5 Web Database 数据库的SQL语句的使用方法
2012/12/09 HTML / CSS
世界上最大的在线旅行社新加坡网站:Expedia新加坡
2016/08/25 全球购物
加拿大百叶窗和窗帘定制网站:Blinds
2017/01/30 全球购物
美国狗旅行和户外用品领先供应商:kurgo
2020/08/18 全球购物
会计主管岗位职责
2014/01/03 职场文书
成绩单家长评语大全
2014/04/16 职场文书
临床医学生职业规划书范文
2014/10/25 职场文书
司法局2014法制宣传日活动总结
2014/11/01 职场文书
60句有关成长的名言
2019/09/04 职场文书