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 相关文章推荐
ext jquery 简单比较
Apr 07 Javascript
jQuery封装的获取Url中的Get参数示例
Nov 26 Javascript
JQuery中dataGrid设置行的高度示例代码
Jan 03 Javascript
深入理解javascript的执行顺序
Apr 04 Javascript
基于jQuery实现的幻灯图片切换
Dec 02 Javascript
Bootstrap 模态框(Modal)插件代码解析
Dec 21 Javascript
js实现倒计时关键代码
May 05 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
Apr 09 Javascript
Vue表单之v-model绑定下拉列表功能
May 14 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
Sep 25 Javascript
vue实现简单跑马灯效果
May 25 Javascript
vue 监听 Treeselect 选择项的改变操作
Aug 31 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
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
php操作(删除,提取,增加)zip文件方法详解
2015/03/12 PHP
php开发中的页面跳转方法总结
2015/04/26 PHP
Laravel框架实现即点即改功能的方法分析
2019/10/31 PHP
Nigma vs Alliance BO5 第四场2.14
2021/03/10 DOTA
学习ExtJS 访问容器对象
2009/10/07 Javascript
JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版
2010/04/02 Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
2010/08/11 Javascript
Jquery 表单验证类介绍与实例
2013/06/09 Javascript
JavaScript动态插入CSS的方法
2015/12/10 Javascript
jquery在启动页面时,自动加载数据的实例
2018/01/22 jQuery
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
2018/07/26 Javascript
详解JavaScript栈内存与堆内存
2019/04/04 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
javascript中的相等操作符(==与===区别)
2019/12/21 Javascript
Tornado服务器中绑定域名、虚拟主机的方法
2014/08/22 Python
Python用Bottle轻量级框架进行Web开发
2016/06/08 Python
浅谈用VSCode写python的正确姿势
2017/12/16 Python
python如何拆分含有多种分隔符的字符串
2018/03/20 Python
Python 一句话生成字母表的方法
2019/01/02 Python
Python使用itchat模块实现群聊转发,自动回复功能示例
2019/08/26 Python
Win10里python3创建虚拟环境的步骤
2020/01/31 Python
Python3加密解密库Crypto的RSA加解密和签名/验签实现方法实例
2020/02/11 Python
在keras下实现多个模型的融合方式
2020/05/23 Python
图解CSS3制作圆环形进度条的实例教程
2016/05/26 HTML / CSS
HTML5逐步分析实现拖放功能的方法
2020/09/30 HTML / CSS
非凡女性奢华谦虚风格:The Modist
2017/10/28 全球购物
招商专员岗位职责
2014/02/08 职场文书
2014年创卫实施方案
2014/02/18 职场文书
教师党员承诺书
2014/03/25 职场文书
2014年清明节网上祭英烈寄语
2014/04/09 职场文书
初中班主任经验交流材料
2014/05/16 职场文书
观看安全警示教育片心得体会
2016/01/15 职场文书
python实现简易自习室座位预约系统
2021/06/30 Python
通过shell脚本对mysql的增删改查及my.cnf的配置
2021/07/07 MySQL