全面了解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 相关文章推荐
判断脚本加载是否完成的方法
May 26 Javascript
Zero Clipboard js+swf实现的复制功能使用方法
Mar 07 Javascript
js滚动条回到顶部的代码
Dec 06 Javascript
jQuery Ajax提交表单查询获得数据实例代码
Sep 19 Javascript
JavaScript运动减速效果实例分析
Aug 04 Javascript
JS实现搜索框文字可删除功能
Dec 28 Javascript
layer弹出层框架alert与msg详解
Mar 14 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
Apr 22 Javascript
JS实现给数组对象排序的方法分析
Jun 24 Javascript
vue-froala-wysiwyg 富文本编辑器功能
Sep 19 Javascript
微信小程序登录时如何获取input框中的内容
Dec 04 Javascript
深入了解Vue3模板编译原理
Nov 19 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
基于mysql的论坛(3)
2006/10/09 PHP
解析PHP中数组元素升序、降序以及重新排序的函数
2013/06/20 PHP
基于PHP magic_quotes_gpc的使用方法详解
2013/06/24 PHP
PHP遍历数组的方法汇总
2015/04/30 PHP
PHP实现的CURL非阻塞调用类
2018/07/26 PHP
PHP面向对象程序设计子类扩展父类(子类重新载入父类)操作详解
2019/06/14 PHP
图片自动更新(说明)
2006/10/02 Javascript
jQuery帮助之筛选查找 children([expr])
2011/01/31 Javascript
JS构建页面的DOM节点结构的实现代码
2011/12/09 Javascript
悬浮广告方法日常收集整理
2016/03/18 Javascript
javascript代码调试之console.log 用法图文详解
2016/09/30 Javascript
Vue渲染函数详解
2017/09/15 Javascript
在vue组件中使用axios的方法
2018/03/16 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
2018/04/10 Javascript
vue自定义一个v-model的实现代码
2018/06/21 Javascript
使用FormData实现上传多个文件
2018/12/04 Javascript
通过JS运行机制的角度说说作用域
2019/03/12 Javascript
vue 子组件和父组件传值的示例
2020/09/11 Javascript
python文件读写操作与linux shell变量命令交互执行的方法
2015/01/14 Python
python Crypto模块的安装与使用方法
2017/12/21 Python
简单了解python模块概念
2018/01/11 Python
基于随机梯度下降的矩阵分解推荐算法(python)
2018/08/31 Python
对Python中小整数对象池和大整数对象池的使用详解
2019/07/09 Python
Flask框架实现的前端RSA加密与后端Python解密功能详解
2019/08/13 Python
使用Matplotlib 绘制精美的数学图形例子
2019/12/13 Python
pytorch 多分类问题,计算百分比操作
2020/07/09 Python
伦敦一家西班牙童装精品店:La Coqueta
2018/02/02 全球购物
澳大利高级泳装品牌:Bondi Born
2018/05/23 全球购物
Lululemon加拿大官网:加拿大知名体育服装零售商
2019/04/12 全球购物
Cult Gaia官网:美国生活方式品牌
2019/08/16 全球购物
澳大利亚领先的女性运动服品牌:Lorna Jane
2020/06/19 全球购物
软件测试工程师面试问题精选
2016/10/28 面试题
人事专员的职责
2014/02/26 职场文书
绿色校园广播稿
2014/10/13 职场文书
详解Python+OpenCV进行基础的图像操作
2022/02/15 Python
JavaScript架构搭建前端监控如何采集异常数据
2022/06/25 Javascript