延迟加载js文件
在做基于angular的项目中,因为轮播图模块在路由模板中,所以我需要等首页插入路由模板之后再创建轮播图实例,但是创建轮播图的代码打开页面后直接执行,导致创建轮播图实例失败.尝试多种方法无果之后,在网上找到了这段代码,发现有效!果断po下来备用.
这段代码的意思是加载完了页面再去加载script.js这个js文件.
script.js可以改成任意你想加载的js文件.
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "assets/js/banner.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;