加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

async和DOM Script文件加载比较

发布时间:2020-12-12 20:18:31 所属栏目:PHP教程 来源:网络整理
导读:目前我用demo.js作为执行文件操作.代码: 用sleep.php作为请求文件操作。代码: 1. 一般script标签加载 在浏览器加载情况: 图1-1. 下载阻塞DomReady 图1-2. 执行阻塞DomReady 图1-1. 下载阻塞DomReady 图1-2. 执行阻塞DomReady 2. async属性 async是html5中

目前我用demo.js作为执行文件操作.代码:

用sleep.php作为请求文件操作。代码:

1. 一般script标签加载

在浏览器中加载的情况:

图2-1 异步下载 不阻塞DomReady 阻塞load事件

图2-2 执行阻塞load事件

图2-3 IE9不支持async属性下载阻塞DomReady

3. DOM Script动态加载

文档对象模型(DOM)允许您使用 JavaScript 动态创建 HTML 的几乎全部文档内容。 script元素与页面其他元素一样,可以非常容易地通过标准 DOM 函数创建:

在浏览器中加载的情况:

图3-1 下载阻塞load事件

图3-2 执行阻塞load事件

图3-3 IE9不阻塞load事件

小结

async和script动态加载在现代浏览器中加载的情况是一致的。前者使用简单,后在兼容性方面更好。 异步加载文件还有很多方法,ajax(会受到同源限制)、iFrame、img…

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读