【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

相关文章
|
4月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
4月前
|
监控 JavaScript 前端开发
确定使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript
【10月更文挑战第24天】选择使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript 是一个需要综合考虑多个因素的决策。需要根据脚本之间的依赖关系、页面加载性能要求、脚本的功能和重要性等因素来进行权衡。在实际应用中,需要通过测试和验证来确定最适合的加载方式,以提供更好的用户体验和页面性能。
114 56
|
4月前
|
监控 JavaScript 前端开发
使用 `defer` 属性异步加载 JavaScript
【10月更文挑战第24天】使用 `defer` 属性异步加载 JavaScript 是一种有效的提高页面性能和用户体验的方法。通过合理设置 `defer` 属性,可以在不影响页面渲染的情况下异步加载脚本,并确保脚本的执行顺序。在实际应用中,需要根据具体情况选择合适的加载方式,并注意处理可能出现的问题,以确保页面能够正常加载和执行。
|
5月前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
154 4
|
5月前
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器
59 1
|
5月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
274 0
|
5月前
|
存储 JavaScript 前端开发
js中map属性
js中map属性
53 0
|
5月前
|
缓存 JavaScript 前端开发
深入理解Vue.js中的计算属性与侦听属性
【10月更文挑战第5天】深入理解Vue.js中的计算属性与侦听属性
65 0
|
前端开发 JavaScript
第60天:js常用访问CSS属性的方法
一、 js 常用访问CSS 属性的方法 我们访问得到css 属性,比较常用的有两种:     1. 利用点语法        box.style.width      box.style.top          点语法可以得到 width  属性  和 top属性  带有单位的。
1189 0

热门文章

最新文章