当前位置: 代码迷 >> HTML/CSS >> 动态加载JS/CSS资料
  详细解决方案

动态加载JS/CSS资料

热度:149   发布时间:2012-11-25 11:44:31.0
动态加载JS/CSS文件
动态加载JS/CSS文件,可以判断是否加载完毕。
function loadScript(url, callback) {
	var script = document.createElement("script")
	script.type = "text/javascript";
	if (script.readyState) { // IE
		script.onreadystatechange = function() {
			if (script.readyState == "loaded"
					|| script.readyState == "complete") {
				script.onreadystatechange = null;
				callback();
			}
		};
	} else { // Others
		script.onload = function() {
			callback();
		};
	}
	script.src = url;
	document.getElementsByTagName("head")[0].appendChild(script);
}

//例子
loadScript("file1.js", function(){
    alert("File is loaded!");
});
//顺序加载
loadScript("file1.js", function() {
		loadScript("file2.js", function() {
			loadScript("file3.js", function() {
				alert("All files are loaded!");
			});
		});
});

  相关解决方案