全面了解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 相关文章推荐
判断多个input type=file是否有已经选择好文件的代码
May 23 Javascript
JavaScript将一个数组插入到另一个数组的方法
Mar 19 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
Apr 05 Javascript
JS实现的适合做faq或menu滑动效果示例
Nov 17 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
Jan 11 Javascript
Bootstrap按钮组简单实现代码
Mar 06 Javascript
JavaScript实现打印星型金字塔功能实例分析
Sep 27 Javascript
AngularJS 控制器 controller的详解
Oct 17 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
Jan 18 Javascript
详解vue 单页应用(spa)前端路由实现原理
Apr 04 Javascript
JavaScript流程控制(分支)
Dec 06 Javascript
JS前端监控采集用户行为的N种姿势
Jul 23 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
Win下如何安装PHP的APC拓展
2013/08/07 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
FireFox中textNode分片的问题
2007/04/10 Javascript
jQuery中ajax的使用与缓存问题的解决方法
2013/12/19 Javascript
JavaScript中的getTime()方法使用详解
2015/06/10 Javascript
javascript获取网页宽高方法汇总
2015/07/19 Javascript
jQuery实用技巧必备(上)
2015/11/02 Javascript
JS导出PDF插件的方法(支持中文、图片使用路径)
2016/07/12 Javascript
JS实现快速比较两个字符串中包含有相同数字的方法
2017/09/11 Javascript
关于Angularjs中自定义指令一些有价值的细节和技巧小结
2018/04/22 Javascript
Angular项目如何升级至Angular6步骤全纪录
2018/09/03 Javascript
Vue.js 事件修饰符的使用教程
2018/11/01 Javascript
Vue中使用matomo进行访问流量统计的实现
2019/11/05 Javascript
js实现简单扫雷
2020/11/27 Javascript
在Python中操作列表之List.append()方法的使用
2015/05/20 Python
python实现将html表格转换成CSV文件的方法
2015/06/28 Python
Python 实现一行输入多个值的方法
2018/04/21 Python
Pycharm 设置自定义背景颜色的图文教程
2018/05/23 Python
mac下pycharm设置python版本的图文教程
2018/06/13 Python
Python的argparse库使用详解
2018/10/09 Python
Python运行不显示DOS窗口的解决方法
2018/10/22 Python
使用python对excle和json互相转换的示例
2018/10/23 Python
python定时任务 sched模块用法实例
2019/11/04 Python
浅谈keras保存模型中的save()和save_weights()区别
2020/05/21 Python
Keras中的多分类损失函数用法categorical_crossentropy
2020/06/11 Python
python 两种方法删除空文件夹
2020/09/29 Python
娇韵诗法国官网:Clarins法国
2019/01/29 全球购物
英国健康和美容技术产品购物网站:CurrentBody
2019/07/17 全球购物
法学专业个人求职信
2013/09/26 职场文书
北大研究生linux应用求职信
2013/10/29 职场文书
励志演讲稿200字
2014/08/21 职场文书
校外活动方案
2014/08/28 职场文书
销售经理工作失职检讨书
2014/10/24 职场文书
医德医风学习心得体会
2016/01/25 职场文书
Python内置数据结构列表与元组示例详解
2021/08/04 Python