动态加载及判断js文件

最新推荐文章于 2022-11-19 16:59:48 发布

原创最新推荐文章于 2022-11-19 16:59:48 发布 · 4.5k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种动态加载JS文件的方法，并提供了相应的JavaScript代码实现。同时，文章还讨论了如何判断JS文件是否已成功加载的技术细节。

动态加载JS文件

	
	function include_js(file) {        
		var _doc = document.getElementsByTagName('head')[0];        
		var js = document.createElement('script');        
		js.setAttribute('type', 'text/javascript');         
		js.setAttribute('src', file);         
		_doc.appendChild(js);        
		if (document.all) { //如果是IE              
			js.onreadystatechange = function () {   
				alert("state="+js.readyState);
				if (js.readyState == 'loaded' || js.readyState == 'complete') {                         
					alert('IE6、IE7 support js.onreadystatechange'); 
					alert($.fn) ;
				}             
			}        
		} else {               
			js.onload = function () {                          
				alert('Firefox、chrome and others support js.onload');               
			}         
		}  
	}

判断js是否已经加载

var scripts = document.getElementsByTagName("script");
		for(i=0;i<scripts.length;i++){
			var currentScript = scripts[i];
			if (currentScript.readyState == 'loaded' || currentScript.readyState == 'complete'){
				alert(currentScript.src);
			}
		}

另外参考：http://blog.youkuaiyun.com/code_cj/article/details/6404418