全面了解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 设计模式之组合模式解析
Apr 09 Javascript
javascript学习笔记(二) js一些基本概念
Jun 18 Javascript
简略说明Javascript中的= =(等于)与= = =(全等于)区别
Apr 16 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
Nov 25 Javascript
js实现用户注册协议倒计时的方法
Jan 21 Javascript
JS实现从网页顶部掉下弹出层效果的方法
Aug 06 Javascript
JS 全屏和退出全屏详解及实例代码
Nov 07 Javascript
js提示框替代系统alert,自动关闭alert对话框的实现方法
Nov 07 Javascript
JavaScript实现无刷新上传预览图片功能
Aug 02 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
May 09 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
Oct 20 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
Mar 09 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
如何使用Gitblog和Markdown建自己的博客
2015/07/31 PHP
php使用CURL模拟GET与POST向微信接口提交及获取数据的方法
2016/09/23 PHP
YII2 实现多语言配置的方法分享
2017/01/11 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
php实现断点续传大文件示例代码
2020/06/19 PHP
JavaScript 在各个浏览器中执行的耐性
2009/04/06 Javascript
js动态添加onload、onresize、onscroll事件(另类方法)
2012/12/26 Javascript
jQuery实现可拖动的浮动层完整代码
2013/05/27 Javascript
node.js中的http.createClient方法使用说明
2014/12/15 Javascript
jQuery实现根据类型自动显示和隐藏表单
2015/03/18 Javascript
js实现支持手机滑动切换的轮播图片效果实例
2015/04/29 Javascript
JS判断字符串包含的方法
2015/05/05 Javascript
readonly和disabled属性的区别
2015/07/26 Javascript
JavaScript原生对象常用方法总结(推荐)
2016/05/13 Javascript
jQuery实现背景弹性滚动的导航效果
2016/06/01 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
2016/12/21 Javascript
vue2 自定义动态组件所遇到的问题
2017/06/08 Javascript
Vue学习笔记进阶篇之单元素过度
2017/07/19 Javascript
vue实现element-ui对话框可拖拽功能
2018/08/17 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
js+canvas实现纸牌游戏
2020/03/16 Javascript
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
python结合shell查询google关键词排名的实现代码
2016/02/27 Python
Python函数中的函数(闭包)用法实例
2016/03/15 Python
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
利用css3实现的简单的鼠标悬停按钮
2014/11/04 HTML / CSS
神话般的珠宝:Ross-Simons
2020/07/13 全球购物
乌克兰设计师和品牌的服装:Love&Live
2020/04/14 全球购物
优质飞蝇钓和渔具:RiverBum
2020/05/10 全球购物
编程输出如下图形
2013/11/24 面试题
土木工程专业自荐信
2013/10/04 职场文书
校园学雷锋广播稿
2014/10/08 职场文书
电工实训报告总结
2014/11/05 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
Win10系统下配置Java环境变量
2021/06/13 Java/Android