AI编程助手
AI免费问答

html页面中异步加载js文件方法

韦小宝   2018-03-14 18:29   1967浏览 原创

一般直接引入第三方的js,如果第三方速度比较慢,会阻塞页面的渲染,用户等待的时候,会看到一片的空白,这样的用户体验不太好。因此一些不用马上运行的js,可以用异步进行加载。

加载方法有两种,如下

script 中加入 async=”async”

async 是html5的新属性,低版本的浏览器不兼容

<script></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 

前端入门到VUE实战笔记:立即学习
>在学习笔记中,你将探索 前端 的入门与实战技巧!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。