js的延迟执行问题分析
更新时间:2014年06月23日 11:10:46 投稿:hebedich
使用JavaScript可以实现代码的延时执行,也就是说当一个函数被调用时不立即执行某些代码,而是等一段指定的时间后再执行,这就叫做计时事件。
看这段代码:
<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脚本应该按照顺序来执行,但是浏览器事实上并没有全部遵守这个约定。
相关文章
layui form.render(''select'', ''test2'') 更新渲染的方法
今天小编就为大家分享一篇layui form.render('select', 'test2') 更新渲染的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
bootstrapValidator.min.js表单验证插件
这篇文章主要为大家详细介绍了bootstrapValidator.min.js表单验证插件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-02-02


最新评论