一般直接引入第三方的js，如果第三方速度比较慢，会阻塞页面的渲染，用户等待的时候，会看到一片的空白，这样的用户体验不太好。因此一些不用马上运行的js，可以用异步进行加载。
加载方法有两种，如下
script 中加入 async=”async”
async 是html5的新属性，低版本的浏览器不兼容
<script type="text/javascript" async="async" src="http://thirdpart/js.js" ></script>
用js方法异步加载
这种方法是监听页面加载完之后，在页面中加入script，从而达到引入js文件
(function() {
function asyncLoad() {
var src = "http://thirdpart/js.js";
var urls = src.split(",");
var x = document.getElementsByTagName('body');
if(x && x[0]){
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
x[0].appendChild(s);
}
}
}
window.attachEvent ? window.attachEvent('onload', asyncLoad) :
window.addEventListener('load', asyncLoad, false);
})();以上就是html页面中异步加载js文件方法的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
256
