【JavaScript】script标签的属性

Script标签当中,除了一些我们经常使用的属性外,它他还有一些更为特殊
的属性。

1.defer属性,这是一个不用设置属性值的属性。
下面通过两段程序代码来说明defer属性:
代码A:
aaa
<script language="javascript">
document.write("bbb");
</script>
ccc

代码B:
aaa
<script language="javascript" defer>
document.write("bbb");
</script>
ccc

程序代码A的运行效果:
aaa bbb ccc
这说明script语句在程序逐行解析代码的时候就执行了。

程序代码B的运行效果:
bbb
只显示了脚本程序写入的bbb脚本。这是因为设定了defer属性。
设置了defer属性的script标签对中的代码,它们是在浏览器处理
完网页中的所有其它的内容以后,才开始执行的。这样,这个script
中的document对象的write方法就会重新打开一个document对象,把
最初写入的文本内容(aaa ccc)覆盖掉。

defer属性就是高速浏览器,在装载网页文档的时候不去解析script中
的脚本代码,而是在装载并分析完整个网页文档的内容后,才开始执行
script中的脚本代码,这样才能够提高网页文档加载的性能。

显然,如果直接嵌套在script标签对中的脚本代码没有调用document的
write,加不加defer都没有影响。如果有,就不能加defer了,会影响
网页实际的执行效果。

defer放在这里说明而不是在讲解script标签的时候去讲解主要是因为
要有一个水到渠成的效果。一开始学习javascript的时候是很难理解
defer这个属性的效果的。

2.language属性:用于指定脚本语言的类型。在最近的html与Dhtml中已
经不再使用这个属性了,但是为了兼容性,现在依然还有保留。

3.type属性:用来代替language属性,使用方法:
<script type="text/javascript">
<script type="text/vbscript">
<meta http-equiv="Content-Script-Type" content="text/javascript">

4.src属性:用于引入.js的脚本语言文件。
src属性的应用。

回顾:一个web服务器是如何借助<img>标签来收集其他web站点的
页面访问次数的?
如图:

使用<script>标签的src属性为其他站点的网页提供各种拓展功能。

(比如可以连接到后台动态页面处理数据)

转载请注明出处:http://blog.csdn.net/acmman/article/details/44276349

时间: 2024-12-28 12:02:52

【JavaScript】script标签的属性的相关文章

javascript-网页中 script标签 type属性有什么用

问题描述 网页中 script标签 type属性有什么用 如题,按js参考材料上所说给type属性附上text/javascript说是告诉浏览器脚本属性,但我把这个删除我发现chrome也能正常显示javascript的,不知道为什么告诉不告诉浏览器脚本属性为什么都一样. 解决方案 不设置就是默认type=text/javascript 解决方案二: type是默认脚步属性:因为javascript占据了大半的市场,所以很多浏览器都默认为javascript和css3,html5中就不用再次生

JavaScript获取并更改input标签name属性的方法

  本文实例讲述了JavaScript获取并更改input标签name属性的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <input name="kk"></input>   <script language="javascript"> // 这里用getElementsByTagName把所有的input对象取出来, //这是这个问题的关

JS中script标签defer和async属性的区别详解_javascript技巧

向html页面中插入javascript代码的主要方法就是通过script标签.其中包括两种形式,第一种直接在script标签之间插入js代码,第二种即是通过src属性引入外部js文件.由于解释器在解析执行js代码期间会阻塞页面其余部分的渲染,对于存在大量js代码的页面来说会导致浏览器出现长时间的空白和延迟,为了避免这个问题,建议把全部的js引用放在</body>标签之前. script标签存在两个属性,defer和async,因此script标签的使用分为三种情况: 1.<script

JavaScript动态添加css样式和script标签_javascript技巧

[动态添加css样式] <html> <head> <script type="text/javascript"> window.onload=function(){ var head=document.getElementsByTagName('head')[0]; //获取到head元素 var link=document.createElement('link'); //创建link元素节点,也就是link标签 link.rel="s

浅析script标签中的defer与async属性_javascript技巧

一.前言 看到的前辈写的代码如下 <script src="#link("xxxx/xx/home/home.js")" type="text/javascript" async defer></script> 竟然同时有async和defer属性,心想着肯定是前辈老司机的什么黑科技,两个一块儿肯定会发生什么神奇化学反应,于是赶紧怀着一颗崇敬的心去翻书翻文档,先复习一下各自的定义. 二.调查一番 先看看async和defe

script标签属性type与language使用选择_javascript技巧

被人问起一个问题: <script language = "JavaScript"> <script type="text/javascript"> <script> 这三个标签的使用有什么区别? 虽然一直在用,却也没有好好去弄清楚,这里详细说明一下. 查阅一些资料,主要是浏览器支持问题.type 和 language 属性都可用来指定 <script> 标签中的脚本的类型.language 属性在 HTML 和 XH

script标签属性用type还是language_基础知识

被人问起一个问题: 复制代码 代码如下: <script language = "JavaScript"> <script type="text/javascript"> <script> 这三个标签的使用有什么区别? 虽然一直在用,却也没有好好去弄清楚,这里详细说明一下. 查阅一些资料,主要是浏览器支持问题.type 和 language 属性都可用来指定 <script> 标签中的脚本的类型.language 属性

script标签的 charset 属性使用说明_基础知识

定义和用法 charset 属性规定在外部脚本文件中使用的字符编码. 如果外部文件中的字符编码与主文件中的编码方式不同,就要用到 charset 属性. 默认的字符编码是 ISO-8859-1. src 和 charset 属性 对特别长的 JavaScript 程序或者经常重复使用的程序来说,你可以希望将这些代码存放到一个单独的文件中.在这样的情况下,让浏览器通过 src 属性来载入那个单独的文件. src 的值是包含这个 JavaScript 程序的文件的 URL.保存的文件的 MIME 类

JavaScript不能读取script标签src文件内容

通常我们页面中创建script标签时要么src引入外部js文件: ? 1 <script type="text/javascript" src="jquery-1.9.1.min.js"></script> 要么直接在标签内写内容: ? 1 2 3 <script type="text"> 这里是script标签里的内容 </script> script标签有一个属性type,默认值:text/ja