【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

相关文章
N..
|
25天前
|
缓存 JavaScript 前端开发
Vue.js的计算属性
Vue.js的计算属性
N..
11 2
N..
|
25天前
|
JavaScript 前端开发 数据处理
Vue.js的过滤器和监听属性
Vue.js的过滤器和监听属性
N..
16 1
|
1月前
|
JavaScript 前端开发
js的input标签上传图片并转为base64预览
js的input标签上传图片并转为base64预览
27 0
|
1月前
|
移动开发 JavaScript 前端开发
编程笔记 html5&css&js 028 HTML输入属性(2/2)
编程笔记 html5&css&js 028 HTML输入属性(2/2)
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 027 HTML输入属性(1/2)
编程笔记 html5&css&js 027 HTML输入属性(1/2)
|
1月前
编程笔记 html5&css&js 023 HTML表单属性
编程笔记 html5&css&js 023 HTML表单属性
|
1月前
|
存储 移动开发 前端开发
编程笔记 html5&css&js 010 HTML全局属性
编程笔记 html5&css&js 010 HTML全局属性
|
2月前
|
JavaScript 前端开发
JavaScript常用的属性
JavaScript常用的属性
|
2月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML2、table表格标签
H5+CSS3+JS逆向前置——HTML2、table表格标签
24 0
|
3月前
|
JavaScript 前端开发 UED
探究: 为什么JavaScript要在body标签尾部引入?
探究: 为什么JavaScript要在body标签尾部引入?
25 0