全面了解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 相关文章推荐
html 锁定页面(js遮罩层弹出div效果)
Oct 27 Javascript
理解Javascript_09_Function与Object
Oct 16 Javascript
jqplot通过ajax动态画折线图的方法及思路
Dec 08 Javascript
jquery实现的图片点击滚动效果
Apr 29 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
Jul 09 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
Jul 17 Javascript
JavaScript模版引擎的基本实现方法浅析
Feb 15 Javascript
JavaScript_object基础入门(必看篇)
Jun 13 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
Nov 03 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
Jan 13 Javascript
AngularJS  ng-repeat遍历输出的用法
Jun 19 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
Oct 15 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 DataGrid 实现代码
2009/08/12 PHP
PHP APC缓存配置、使用详解
2014/03/06 PHP
php中二维数组排序问题方法详解
2015/08/28 PHP
ECSHOP在PHP5.5及高版本上报错的解决方法
2015/08/31 PHP
php生成验证码,缩略图及水印图的类分享
2016/04/07 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
PHP代码覆盖率统计详解
2020/07/22 PHP
javascript 原型模式实现OOP的再研究
2009/04/09 Javascript
js 对象是否存在判断
2009/07/15 Javascript
jquery CSS选择器笔记
2010/03/29 Javascript
jQuery 实现侧边浮动导航菜单效果
2014/12/26 Javascript
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
基于cookie实现zTree树刷新后展开状态不变
2017/02/28 Javascript
JavaScript 函数的定义-调用、注意事项
2017/04/16 Javascript
json前后端数据交互相关代码
2018/09/19 Javascript
在vue中使用vuex,修改state的值示例
2019/11/08 Javascript
vue实现短信验证码输入框
2020/04/17 Javascript
原生JavaScript实现贪吃蛇游戏
2020/11/04 Javascript
JavaScript Dom实现轮播图原理和实例
2021/02/19 Javascript
[38:40]2018DOTA2亚洲邀请赛 4.6淘汰赛 mineski vs LGD 第一场
2018/04/10 DOTA
python读写文件操作示例程序
2013/12/02 Python
Python 装饰器深入理解
2017/03/16 Python
python写入已存在的excel数据实例
2018/05/03 Python
如何快速理解python的垃圾回收机制
2020/09/01 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
AmazeUI 输入框组的示例代码
2020/08/14 HTML / CSS
十佳班主任事迹材料
2014/01/18 职场文书
《三峡》教学反思
2014/03/01 职场文书
2014年党支部书记工作总结
2014/12/04 职场文书
公务员政审材料
2014/12/23 职场文书
先进工作者事迹材料
2014/12/23 职场文书
校长一岗双责责任书
2015/05/09 职场文书
2019消防宣传标语!
2019/07/10 职场文书
python第三方网页解析器 lxml 扩展库与 xpath 的使用方法
2021/04/06 Python
MySQL多表查询机制
2022/03/17 MySQL