全面了解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 相关文章推荐
js中生成map对象的方法
Jan 09 Javascript
js实现交换运动效果的方法
Apr 10 Javascript
JS实现队列与堆栈的方法
Apr 21 Javascript
浅谈JavaScript 浏览器对象
Jun 03 Javascript
微信小程序中input标签详解及简单实例
May 18 Javascript
利用require.js与angular搭建spa应用的方法实例
Jul 19 Javascript
JS获取指定月份的天数两种实现方法
Jun 22 Javascript
浅谈Fetch 数据交互方式
Dec 20 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
Mar 07 Javascript
angular组件间传值测试的方法详解
May 07 Javascript
JS实现联想、自动补齐国家或地区名称的功能
Jul 07 Javascript
Vue的列表之渲染,排序,过滤详解
Feb 24 Vue.js
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获取错误信息的方法
2015/07/17 PHP
thinkPHP5.1框架中Request类四种调用方式示例
2019/08/03 PHP
Grid得到选择行数据的方法总结
2011/01/17 Javascript
js字符串操作方法实例分析
2015/05/06 Javascript
JavaScript实现的伸展收缩型菜单代码
2015/10/14 Javascript
Angular 应用技巧总结
2016/09/14 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
2016/12/27 Javascript
从零学习node.js之文件操作(三)
2017/02/21 Javascript
Bootstrap Table使用整理(三)
2017/06/09 Javascript
JS 遍历 json 和 JQuery 遍历json操作完整示例
2019/11/11 jQuery
jQuery+PHP+Ajax实现动态数字统计展示功能
2019/12/25 jQuery
JS实现小米轮播图
2020/09/21 Javascript
微信小程序开发数据缓存基础知识辨析及运用实例详解
2020/11/06 Javascript
[03:28]2014DOTA2国际邀请赛 走近EG战队天才中单Arteezy
2014/07/12 DOTA
Python socket.error: [Errno 98] Address already in use的原因和解决方法
2014/08/25 Python
Python threading多线程编程实例
2014/09/18 Python
对Python3中的input函数详解
2018/04/22 Python
Python反射和内置方法重写操作详解
2018/08/27 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
python 函数内部修改外部变量的方法
2018/12/18 Python
python3.6使用urllib完成下载的实例
2018/12/19 Python
通过cmd进入python的实例操作
2019/06/26 Python
Python argparse模块使用方法解析
2020/02/20 Python
Python爬取梨视频的示例
2021/01/29 Python
CSS3 Calc实现滚动条出现页面不跳动问题
2017/09/14 HTML / CSS
html5在移动端的屏幕适应问题示例探讨
2014/06/15 HTML / CSS
京东奢侈品:全球奢侈品牌
2018/03/17 全球购物
英国打印机墨盒销售网站:Ink Factory
2019/10/07 全球购物
建筑行业的大学生自我评价
2013/12/08 职场文书
宿舍违规检讨书
2014/01/12 职场文书
幼儿园运动会加油词
2014/02/14 职场文书
应届生自荐书
2014/06/23 职场文书
卖房协议书样本
2014/10/30 职场文书
质检员工作总结2015
2015/04/25 职场文书
人事任命书范本
2015/09/21 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书