编程 Javascript

js的延迟执行问题分析

Posted in Javascript onJune 23, 2014

看这段代码：

<body>
  <script src="deffer.js"></script>
  content
 </body>

deffer.js的内容为：

alert(1)

这样在alert窗口没有被关闭之前，页面都会是一片空白。因为alert窗口阻止了页面的继续渲染。

为了避免此类问题，html规范里定义了deffer和async属性，这两个属性的具体定义这里不讨论，反正他们都是用来告诉浏览器，一定要在页面渲染完成以后再执行本脚本的内容，这样脚本执行的时候页面已经渲染完毕了。

<body>
  <script deffer async src="deffer.js"></script>
  content
 </body>

注意，对于多个加了deffer或者async的脚本，他们的执行顺序和他们在页面上出现的顺序无关。即使html规范定义了deffer脚本应该按照顺序来执行，但是浏览器事实上并没有全部遵守这个约定。

js的延迟执行问题分析

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript编程起步（第七课）

Feb 27 Javascript

javascript实现动态增加删除表格行(兼容IE/FF)

Apr 02 Javascript

jQuery学习总结之元素的相对定位和选择器(持续更新)

Apr 26 Javascript

如何在JavaScript中实现私有属性的写类方式(一)

Dec 04 Javascript

javascript将url中的参数加密解密代码

Nov 17 Javascript

javascript实现unicode与ASCII相互转换的方法

Dec 10 Javascript

第二章之Bootstrap 页面排版样式

Apr 25 Javascript

浅谈Node Inspector 代理实现

Oct 19 Javascript

JS实现简单的浮动碰撞效果示例

Dec 28 Javascript

浅析Vue项目中使用keep-Alive步骤

Jul 27 Javascript

15分钟深入了解JS继承分类、原理与用法

Jan 19 Javascript

vue+element-ui表格封装tag标签使用插槽

Jun 18 Javascript

JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法

Jun 23 #Javascript

教你用AngularJS框架一行JS代码实现控件验证效果

Jun 23 #Javascript

js自定义鼠标右键的实现原理及源码

Jun 23 #Javascript

js代码实现的加入收藏效果并兼容主流浏览器

Jun 23 #Javascript

用jquery的方法制作一个简单的导航栏

Jun 23 #Javascript

jquery的attr方法禁用表单元素禁用输入内容

Jun 23 #Javascript

JavaScript获取某年某月的最后一天附截图

Jun 23 #Javascript