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脚本应该按照顺序来执行,但是浏览器事实上并没有全部遵守这个约定。

Javascript 相关文章推荐
script的async属性以非阻塞的模式加载脚本
Jan 15 Javascript
微信JS接口汇总及使用详解
Jan 09 Javascript
微信支付如何实现内置浏览器的H5页面支付
Sep 25 Javascript
JQuery实现Ajax加载图片的方法
Dec 24 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
Jun 09 Javascript
Javascript将双字节字符转换成单字节字符并计算长度
Jun 22 Javascript
jQuery操作cookie
Aug 08 Javascript
jquery实现(textarea)placeholder自动换行
Dec 22 Javascript
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
在vue-cli项目中使用bootstrap的方法示例
Apr 21 Javascript
vue实现未登录跳转到登录页面的方法
Jul 17 Javascript
JS中的防抖与节流及作用详解
Apr 01 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
You might like
多人战的战术与战略
2020/03/04 星际争霸
Yii框架Session与Cookie使用方法示例
2019/10/14 PHP
jquery ui resizable bug解决方法
2010/10/26 Javascript
javascript定时保存表单数据的代码
2011/03/17 Javascript
JSON无限折叠菜单编写实例
2013/12/16 Javascript
seajs中模块的解析规则详解和模块使用总结
2014/03/12 Javascript
angularjs 处理多个异步请求方法汇总
2015/01/06 Javascript
Javascript编写俄罗斯方块思路及实例
2015/07/07 Javascript
Javascript必知必会(四)js类型转换
2016/06/08 Javascript
JQuery对ASP.NET MVC数据进行更新删除
2016/07/13 Javascript
JavaScript中数组的各种操作的总结(必看篇)
2017/02/13 Javascript
详解js中Array的方法及技巧
2018/09/12 Javascript
解决在Vue中使用axios用form表单出现的问题
2019/10/30 Javascript
JS实现判断移动端PC端功能
2020/02/21 Javascript
javascript设计模式 ? 装饰模式原理与应用实例分析
2020/04/14 Javascript
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
编写Python爬虫抓取暴走漫画上gif图片的实例分享
2016/04/20 Python
利用Python爬虫给孩子起个好名字
2017/02/14 Python
python http基本验证方法
2018/12/26 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
python 中xpath爬虫实例详解
2019/08/26 Python
Python实现PyPDF2处理PDF文件的方法示例
2019/09/25 Python
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
Coach澳大利亚官方网站:美国著名时尚奢侈品牌
2017/05/24 全球购物
.net软件工程师应聘上机试题
2015/03/10 面试题
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
销售顾问岗位职责
2014/02/25 职场文书
社区文化建设方案
2014/05/02 职场文书
电力培训心得体会
2014/09/02 职场文书
2015世界地球日活动总结
2015/02/09 职场文书
2015年宣传工作总结
2015/04/08 职场文书
调任通知
2015/04/21 职场文书
单位政审意见范文
2015/06/04 职场文书
php中配置文件保存修改操作 如config.php文件的读取修改等操作
2021/05/12 PHP
oracle连接ODBC sqlserver数据源的详细步骤
2021/07/25 Oracle
MyBatis核心源码深度剖析SQL语句执行过程
2022/05/20 Java/Android