全面了解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的颜色选择插件实例代码
Oct 02 Javascript
防止浏览器记住用户名及密码的简单实用方法
Apr 22 Javascript
Javascript 赋值机制详解
Nov 23 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
Feb 23 Javascript
JavaScript中property和attribute的区别详细介绍
Mar 03 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
Jul 27 Javascript
jQuery实现简单的点赞效果
May 29 Javascript
PHP获取当前页面完整URL的方法
Dec 02 Javascript
js仿小米手机上下滑动效果
Feb 05 Javascript
利用js定义一个导航条菜单
Mar 14 Javascript
详解vue2.0脚手架的webpack 配置文件分析
May 27 Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
Sep 17 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防注入漏洞过滤函数代码
2012/04/11 PHP
如何解决PHP无法实现多线程的问题
2015/09/25 PHP
学习php设计模式 php实现状态模式
2015/12/07 PHP
php实现跨域提交form表单的方法【2种方法】
2016/10/17 PHP
Laravel实现通过blade模板引擎渲染视图
2019/10/25 PHP
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
2010/10/15 Javascript
js获取会话框prompt的返回值的方法
2015/01/10 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
js文本框走动跑马灯效果代码分享
2015/08/25 Javascript
jQuery实现非常实用漂亮的select下拉菜单选择效果
2015/11/06 Javascript
jQuery unbind()方法实例详解
2016/01/19 Javascript
Extjs 点击复选框在表格中增加相关信息行
2016/07/12 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
2016/10/24 Javascript
Node.js 中使用 async 函数的方法
2017/11/20 Javascript
解决node修改后需频繁手动重启的问题
2018/05/13 Javascript
详解webpack+ES6+Sass搭建多页面应用
2018/11/05 Javascript
nodejs图片处理工具gm用法小结
2018/12/12 NodeJs
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
JavaScript this关键字指向常用情况解析
2020/09/02 Javascript
[02:54]辉夜杯主赛事第二日败者组 iG.V赛后采访
2015/12/26 DOTA
python里大整数相乘相关技巧指南
2014/09/12 Python
python中字符串数组逆序排列方法总结
2019/06/23 Python
django重新生成数据库中的某张表方法
2019/08/28 Python
Python基础之变量基本用法与进阶详解
2020/01/03 Python
美国最值得信赖的宠物药房:Allivet
2019/03/23 全球购物
大学生个人推荐信范文
2013/11/25 职场文书
应用心理学个人求职信范文
2013/12/11 职场文书
项目管理计划书
2014/01/09 职场文书
自立自强的名人事例
2014/02/10 职场文书
文体活动实施方案
2014/03/27 职场文书
2014年前台文员工作总结
2014/12/08 职场文书
新教师个人总结
2015/02/06 职场文书
党支部工作总结2015
2015/04/01 职场文书
2015年秋季校长开学典礼致辞
2015/07/29 职场文书
Python办公自动化解决world文件批量转换
2021/09/15 Python