全面了解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 document.createDocumentFragment()
Apr 04 Javascript
理解Javascript_14_函数形式参数与arguments
Oct 20 Javascript
查找Oracle高消耗语句的方法
Mar 22 Javascript
基于jquery实现的自动补全功能
Mar 12 Javascript
javascript实现数组去重的多种方法
Mar 14 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
微信小程序 石头剪刀布实例代码
Jan 04 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
Jan 04 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
Aug 21 Javascript
vue车牌号校验和银行校验实战
Jan 23 Javascript
浅析webpack-bundle-analyzer在vue-cli3中的使用
Oct 23 Javascript
JavaScript原生数组函数实例汇总
Oct 14 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
帅气的琦玉老师
2020/03/02 日漫
PHP4实际应用经验篇(6)
2006/10/09 PHP
PHP 设置MySQL连接字符集的方法
2011/01/02 PHP
PHP中SimpleXML函数用法分析
2014/11/26 PHP
typecho插件编写教程(三):保存配置
2015/05/28 PHP
PHP判断是否连接上网络的方法
2015/07/01 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
PHP7实现和CryptoJS的AES加密方式互通示例【AES-128-ECB加密】
2019/06/08 PHP
window.open()弹出居中的窗口
2007/02/01 Javascript
javascript中获取下个月一号,是星期几
2012/06/01 Javascript
Jquery获取和修改img的src值的方法
2014/02/17 Javascript
javascript手工制作悬浮菜单
2015/02/12 Javascript
JavaScript将字符串转换为整数的方法
2015/04/14 Javascript
jQuery菜单插件用法实例
2015/07/25 Javascript
jquery如何获取元素的滚动条高度等实现代码
2015/10/19 Javascript
详解JavaScript逻辑Not运算符
2015/12/04 Javascript
JQuery+EasyUI轻松实现步骤条效果
2016/02/22 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
2017/01/26 Javascript
JavaScript仿微信打飞机游戏
2020/07/05 Javascript
ES7之Async/await的使用详解
2019/03/28 Javascript
js核心基础之构造函数constructor用法实例分析
2019/05/11 Javascript
js实现for循环跳过undefined值示例
2019/07/02 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
2020/07/30 Javascript
原生js实现照片墙效果
2020/10/13 Javascript
[00:31]2016完美“圣”典风云人物:国士无双宣传片
2016/12/04 DOTA
python开发之tkinter实现图形随鼠标移动的方法
2015/11/11 Python
django+echart绘制曲线图的方法示例
2018/11/26 Python
python读写csv文件方法详细总结
2019/07/05 Python
如何基于Python pygame实现动画跑马灯
2020/11/18 Python
HTML5 canvas绘制的玫瑰花效果
2014/05/29 HTML / CSS
德国苹果商店:MacTrade
2020/05/18 全球购物
linux面试相关问题
2012/08/11 面试题
建筑专业毕业生推荐信
2013/11/21 职场文书
公务员转正考察材料
2014/02/07 职场文书
薪酬专员岗位职责
2014/02/18 职场文书
2014学习优秀共产党员先进事迹材料思想汇报
2014/09/14 职场文书