全面了解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 相关文章推荐
用JQuery 实现AJAX加载XML并解析的脚本
Jul 25 Javascript
JSON传递bool类型数据的处理方式介绍
Sep 18 Javascript
浅谈jquery中delegate()与live()
Jun 22 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
Sep 05 Javascript
JS实现iframe自适应高度的方法示例
Jan 07 Javascript
jquery操作select取值赋值与设置选中实例
Feb 28 Javascript
vue父组件通过props如何向子组件传递方法详解
Aug 16 Javascript
微信小程序之GET请求的实例详解
Sep 29 Javascript
捕获未处理的Promise错误方法
Oct 13 Javascript
vue中element 上传功能的实现思路
Jul 06 Javascript
JavaScript实现多个物体同时运动
Mar 12 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
Oct 31 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
谈谈PHP语法(3)
2006/10/09 PHP
Php中用PDO查询Mysql来避免SQL注入风险的方法
2013/04/25 PHP
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
9个实用的PHP代码片段分享
2015/01/22 PHP
PHP获取Exif缩略图的方法
2015/07/13 PHP
PHP实现四种基础排序算法的运行时间比较(推荐)
2016/08/11 PHP
visual studio code 调试php方法(图文详解)
2017/09/15 PHP
音乐播放用的的几个函数
2006/09/07 Javascript
JavaScript CSS 修改学习第四章 透明度设置
2010/02/19 Javascript
javascript 利用Image对象实现的埋点(某处的点击数)统计
2012/12/28 Javascript
文档对象模型DOM通俗讲解
2013/11/01 Javascript
JavaScript使用ActiveXObject访问Access和SQL Server数据库
2015/04/02 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
js实现内容显示并使用json传输数据
2016/03/16 Javascript
使用do...while的方法输入一个月中所有的周日(实例代码)
2016/07/22 Javascript
domReady的实现案例
2016/11/23 Javascript
微信小程序 实战实例开发流程详细介绍
2017/01/05 Javascript
JS 实现计算器详解及实例代码(一)
2017/01/08 Javascript
js简单实现网页换肤功能
2017/04/07 Javascript
Vue filter介绍及详细使用
2018/04/04 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
2018/06/28 Javascript
微信小程序实现登录注册功能
2020/12/29 Javascript
Python实现PS滤镜功能之波浪特效示例
2018/01/26 Python
python实现拓扑排序的基本教程
2018/03/11 Python
利用python如何处理nc数据详解
2018/05/23 Python
PyQt编程之如何在屏幕中央显示窗体的实例
2019/06/18 Python
python将字典内容写入json文件的实例代码
2020/08/12 Python
python speech模块的使用方法
2020/09/09 Python
python使用requests库爬取拉勾网招聘信息的实现
2020/11/20 Python
Rag & Bone官网:瑞格布恩高级成衣
2018/04/19 全球购物
公司综合部的成员自我评价分享
2013/11/05 职场文书
大四学生找工作的自荐信
2014/03/27 职场文书
销售人才自我评价范文
2014/09/27 职场文书
返乡农民工证明
2015/06/24 职场文书
女性健康知识讲座主持词
2015/07/04 职场文书
PostgreSQL逻辑复制解密原理解析
2022/09/23 PostgreSQL