全面了解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 同步异步的执行示例代码
Jun 23 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
Oct 10 Javascript
javascript:void(0)的问题使用探讨
Apr 10 Javascript
jQuery Migrate 1.1.0 Released 注意事项
Jun 14 Javascript
JavaScript使用slice函数获取数组部分元素的方法
Apr 06 Javascript
jquery简单倒计时实现方法
Dec 18 Javascript
JavaScript仿支付宝密码输入框
Dec 29 Javascript
jquery ztree实现树的搜索功能
Feb 25 Javascript
深入学习Bootstrap表单
Dec 13 Javascript
vue监听滚动事件实现滚动监听
Apr 11 Javascript
js尾调用优化的实现
May 23 Javascript
JavaScript Window浏览器对象模型原理解析
May 30 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 adodb连接带密码access数据库实例,测试成功
2008/05/14 PHP
codeigniter框架The URI you submitted has disallowed characters错误解决方法
2014/05/06 PHP
PHP将回调函数作用到给定数组单元的方法
2014/08/19 PHP
php用户注册时常用的检验函数实例总结
2014/12/22 PHP
PHP基于socket实现的简单客户端和服务端通讯功能示例
2017/07/10 PHP
Laravel中的chunk组块结果集处理与注意问题
2018/08/15 PHP
ajaxControlToolkit AutoCompleteExtender的用法
2008/10/30 Javascript
不安全的常用的js写法
2009/09/15 Javascript
javascript 日期常用的方法
2009/11/11 Javascript
jquery UI 1.72 之datepicker
2009/12/29 Javascript
基于jquery的获取浏览器窗口大小的代码
2011/03/28 Javascript
获取表单控件原始(初始)值的方法
2013/08/21 Javascript
js倒计时显示实例
2016/12/11 Javascript
ECMAScript6 新特性范例大全
2017/03/24 Javascript
nodejs和C语言插入mysql数据库乱码问题的解决方法
2017/04/14 NodeJs
解决koa2 ctx.render is not a function报错问题
2018/08/07 Javascript
在vue项目中引入highcharts图表的方法
2019/01/21 Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
2019/09/27 Javascript
countUp.js实现数字滚动效果
2019/10/18 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
2020/07/22 Javascript
Python 命令行参数sys.argv
2008/09/06 Python
python使用循环实现批量创建文件夹示例
2014/03/25 Python
python删除不需要的python文件方法
2018/04/24 Python
Python 线程池用法简单示例
2019/10/02 Python
基于Python实现扑克牌面试题
2019/12/11 Python
浅谈Python中的字符串
2020/06/10 Python
bonprix匈牙利:女士、男士和儿童服装
2019/07/19 全球购物
教师申诉制度
2014/01/29 职场文书
yy婚礼主持词
2014/03/14 职场文书
天猫某品牌专卖店运营计划书
2014/03/21 职场文书
2014大四本科生自我鉴定总结
2014/10/04 职场文书
幼儿园圣诞节活动总结
2015/05/06 职场文书
2015年卫生监督工作总结
2015/05/21 职场文书
创业方案:赚钱的烧烤店该怎样做?
2019/07/05 职场文书
导游词书写之黄山
2019/08/06 职场文书
php+laravel 扫码二维码签到功能
2021/05/15 PHP