javascript defer属性
来源:互联网 发布:手持身份证获取软件 编辑:程序博客网 时间:2024/04/29 08:06
编写脚本的时候加入defer属性,那么浏览器在下载脚本的时候就不必立即对其进行处理,而是继续对页面进行下载和解析,这样会提高下载的性能。
defer属性默认是为false的,那么在这里
<script language="javascript" defer>
显式声明defer属性后等同于
<script language="javascript" defer=true>
声明了defer属性之后,需要判断是否有别的变量引用了defer脚本块中的变量,否则的话会导致脚本错误的产生。
注意两点:
1、不要在defer型的脚本程序段中调用document.write命令,因为document.write将产生直接输出效果。
2、而且,不要在defer型脚本程序段中包括任何立即执行脚本要使用的全局变量或者函数。
加上 defer 等于在页面完全在入后再执行,相当于 window.onload ,但应用上比 window.onload 更灵活!
<button id="myButton" onclick="alert('ok')">test</button>
<script>
myButton.click();
</script>
<script defer>
myButton.click();
</script>
<button id="myButton" onclick="alert('ok')">test</button>
<script>
myButton.click();
</script>
<button id="myButton" onclick="alert('ok')">test</button>
========================================顺序======================================
例一(在IE中执行)
<script defer>
alert(11);
</script>
<script>
alert(22);
</script>
<script>
alert(33);
</script>
例二(在IE中执行),把脚本加到body中
<body>
<script defer>
alert(11);
</script>
<script>
alert(22);
</script>
<script>
alert(33);
</script>
</body>
以上两个例子执行结果不同
- Javascript的Defer属性
- Javascript的Defer属性
- Javascript的Defer属性
- javascript defer属性
- Javascript的Defer属性
- Javascript的Defer属性
- Javascript的Defer属性
- javascript defer属性
- JavaScript中的defer 属性解释
- Javascript中defer属性解析
- javascript defer和async属性
- 关于javascript 中的defer 属性介绍
- javascript--defer
- javascript defer
- javascript defer
- javascript标签位置以及defer、async属性的区别
- JavaScript 笔记 - <script>标签 defer属性 (延迟脚本)
- 使用async 和 defer 属性异步加载执行JavaScript
- 怎样创建cookies对象,怎样用它,怎样释放它?
- I/O端口 与 I/O内存
- 091009(星期五)熟悉Dlg消息处理函数的调用流程
- 蚂蚁爬杆
- Windows高级编程之线程与内核对象的同步
- javascript defer属性
- java中路径问题
- 文件夹操作之----复制目录
- Java Servlet获得HTTP请求消息的内容
- java中转码
- 一个insert多条数据,及查询表,列。
- 请不要试图减轻你身上背负的沉重十字架
- web开发中客户端脚本产生的浏览器缓存问题
- 群体的一般特征---(群体心理学习之一)