全面了解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 相关文章推荐
正则表达式语法
Oct 09 Javascript
javascript css在IE和Firefox中区别分析
Feb 18 Javascript
Node.js的包详细介绍
Jan 14 Javascript
javascript实现仿腾讯游戏选择
May 14 Javascript
常用的Javascript设计模式小结
Dec 09 Javascript
使用JQuery 加载页面时调用JS的实现方法
May 30 Javascript
vue实现前进刷新后退不刷新效果
Jan 26 Javascript
npm配置国内镜像资源+淘宝镜像的方法
Sep 07 Javascript
vue+axios实现post文件下载
Sep 25 Javascript
CountUp.js实现数字滚动增值效果
Oct 17 Javascript
详解JavaScript修改注册表的方法
Jan 05 Javascript
Vue中ref和$refs的介绍以及使用方法示例
Jan 11 Vue.js
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
关于时间计算的结总
2006/12/06 PHP
php 空格,换行,跳格使用说明
2009/12/18 PHP
PHP面向对象分析设计的61条军规小结
2010/07/17 PHP
php中DOMElement操作xml文档实例演示
2013/03/26 PHP
php目录遍历函数opendir用法实例
2014/11/20 PHP
Yii获取当前url和域名的方法
2015/06/08 PHP
因str_replace导致的注入问题总结
2019/08/08 PHP
基于jquery的网页SELECT下拉框美化代码
2010/10/28 Javascript
引用外部js乱码问题分析及解决方案
2013/04/12 Javascript
jquery实现简单的二级导航下拉菜单效果
2015/09/07 Javascript
使用Chart.js图表库制作漂亮的响应式表单
2015/10/28 Javascript
解析利用javascript如何判断一个数为素数
2016/12/08 Javascript
微信小程序 登录实例详解
2017/01/16 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
zTree异步加载展开第一级节点的实现方法
2017/09/05 Javascript
帝国cms首页列表页实现点赞功能
2017/10/30 Javascript
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
2019/02/11 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
2019/03/13 Javascript
JS获取本地地址及天气的方法实例小结
2019/05/10 Javascript
iSlider手机端图片滑动切换插件使用详解
2019/12/24 Javascript
jQuery实现二级导航菜单的示例
2020/09/30 jQuery
[01:11]辉夜杯战队访谈宣传片—CDEC.Y
2015/12/26 DOTA
Python编程中对文件和存储器的读写示例
2016/01/25 Python
Python遍历numpy数组的实例
2018/04/04 Python
Python爬虫包BeautifulSoup简介与安装(一)
2018/06/17 Python
新年快乐! python实现绚烂的烟花绽放效果
2019/01/30 Python
详解爬虫被封的问题
2019/04/23 Python
python 生成器需注意的小问题
2020/09/29 Python
Python如何实现感知器的逻辑电路
2020/12/25 Python
浅谈CSS3 box-sizing 属性 有趣的盒模型
2019/04/02 HTML / CSS
约瑟夫·特纳男装:Joseph Turner
2017/10/10 全球购物
酒店led欢迎词
2014/01/09 职场文书
关于旷工的检讨书
2014/02/02 职场文书
2019年特色火锅店的创业计划书模板
2019/08/28 职场文书
关于vue中如何监听数组变化
2021/04/28 Vue.js
Python爬虫框架之Scrapy中Spider的用法
2021/06/28 Python