【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

相关文章
|
1月前
|
存储 JavaScript 前端开发
js中map属性
js中map属性
37 1
|
25天前
|
JavaScript 前端开发
JavaScript基础知识-枚举对象中的属性
关于JavaScript基础知识中如何枚举对象属性的介绍。
26 1
JavaScript基础知识-枚举对象中的属性
|
18天前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
21天前
|
存储 JavaScript 前端开发
JS中的数组有哪些常用操作函数和属性
【9月更文挑战第7天】JS中的数组有哪些常用操作函数和属性
11 1
|
1月前
|
JavaScript 前端开发
JS - 正则替换富文本内容的所有图片地址,并提取src、alt、style等属性
这篇文章提供了使用JavaScript正则表达式来替换富文本中所有图片地址,并提取`src`、`alt`、`style`等属性的示例代码和方法。
116 1
|
28天前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅:如何在云端部署JSF应用,让你的Web应用如虎添翼?
【8月更文挑战第31天】在云计算蓬勃发展的今天,AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF(JavaServer Faces)应用的方法,这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务,如EC2、RDS 和 S3,开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例,并讨论了使用AWS可能遇到的挑战及应对策略,帮助开发者更好地利用AWS的强大功能,提升Web应用开发效率。
46 0
|
1月前
|
JavaScript 前端开发
js常用属性
js常用属性
10 0
|
1月前
|
JavaScript 前端开发
JavaScript常用的属性
JavaScript常用的属性
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
73 2