前端异步加载js且判断js是不是加载完成

bee1314

于 2013-08-29 11:51:03 发布

阅读量267

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签：前端后端 javascript ViewUI

本文链接：https://blog.youkuaiyun.com/pc_mvp/article/details/84474128

Web前端专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种在网页中异步加载外部JavaScript文件的方法，并提供了详细的实现步骤与兼容不同浏览器的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
     * 异步加载依赖的javascript文件
     * src：script的路径
     * callback：当外部的javascript文件被load的时候，执行的回调
     */
    function loadAsyncScript(src, callback) {
		var head = document.getElementsByTagName("head")[0];
		var script = document.createElement("script");
		script.setAttribute("type", "text/javascript");
		script.setAttribute("src", src);
		script.setAttribute("async", true);
		script.setAttribute("defer", true);
		head.appendChild(script);
		
		//fuck ie! duck type
		if (document.all) {
			script.onreadystatechange = function() {
				var state = this.readyState;
				if (state === 'loaded' || state === 'complete') {
					callback();
				}
			}
		} else {
			//firefox, chrome
			script.onload = function() {
				callback();
			}
		}
    }