全面了解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实现一些常用软件的下载导航
Aug 03 Javascript
JavaScript 未结束的字符串常量常见解决方法
Jan 24 Javascript
浅谈javascript获取元素transform参数
Jul 24 Javascript
jQuery实现列表内容的动态载入特效
Aug 08 Javascript
js实现文字滚动效果
Mar 03 Javascript
javascript实现标签切换代码示例
May 22 Javascript
微信公众号支付H5调用支付解析
Nov 04 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
Mar 09 Javascript
基于Require.js使用方法(总结)
Oct 26 Javascript
Vue 组件传值几种常用方法【总结】
May 28 Javascript
每个 JavaScript 工程师都应懂的33个概念
Oct 22 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
May 01 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 变量类型的强制转换
2009/10/23 PHP
PHP COOKIE及时生效的方法介绍
2014/02/14 PHP
thinkPHP查询方式小结
2016/01/09 PHP
jQuery 插件 将this下的div轮番显示
2009/04/09 Javascript
JavaScript 设计模式 富有表现力的Javascript(一)
2010/05/26 Javascript
根据json字符串生成Html的一种方式
2013/01/09 Javascript
jQuery图片轮播的具体实现
2013/09/11 Javascript
jquery将一个表单序列化为一个对象的方法
2013/12/02 Javascript
jQuery响应enter键的实现思路
2014/04/18 Javascript
在页面加载完成后通过jquery给多个span赋值
2014/05/21 Javascript
jquery form表单获取内容以及绑定数据
2016/02/24 Javascript
标准的js无缝滚动效果
2016/08/30 Javascript
vue2滚动条加载更多数据实现代码
2017/01/10 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
2017/06/09 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
two.js之实现动画效果示例
2017/11/06 Javascript
利用babel将es6语法转es5的简单示例
2017/12/01 Javascript
详解JavaScript栈内存与堆内存
2019/04/04 Javascript
javascript随机变色实例代码
2019/10/15 Javascript
[49:08]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python中的元类编程入门指引
2015/04/15 Python
对python:循环定义多个变量的实例详解
2019/01/20 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
python如何把字符串类型list转换成list
2020/02/18 Python
Python多线程:主线程等待所有子线程结束代码
2020/04/25 Python
Python如何爬取b站热门视频并导入Excel
2020/08/10 Python
Lookfantastic日本官网:英国知名护肤、化妆品和头发护理购物网站
2018/04/21 全球购物
十岁生日同学答谢词
2014/01/19 职场文书
党员大会主持词
2014/04/02 职场文书
施工协议书范本
2014/04/22 职场文书
关于安全的演讲稿
2014/05/09 职场文书
三好学生评语大全
2014/12/29 职场文书
英文感谢信范文
2015/01/21 职场文书
升职感谢信
2015/01/22 职场文书
企业法人任命书
2015/09/21 职场文书
幼儿园保教工作总结2015
2015/10/15 职场文书