最近做的一個項目需要加入百度統計，大家都知道百度統計在頁面引用就是一坨js，實現方法很簡單引用到頁面就ok了。

那麽問題來了，雖然我不知道百度統計的原理是啥，我的測試服引用了百度統計，百度統計賬號裏面配置的域名是正式服的域名，但是卻檢測到了我測試服的訪問量，這就尷尬了，然後就想到了動態加載js

1.動態加載js文件

我們要把這塊鏈接加入頁面

<script src="js/count.js"></script>

具體代碼實現如下

function loadJs(url){
	var script = document.createElement("script");
	script.type="text/javascript";
	script.src=url;
	document.body.appendChild(script);
}
//調用loadJs
loadJs("js/count.js");//這兒的參數是你的js的地址

2.動態加載js腳本

function loadJscode(code){
	  var script = document.createElement("script");
	  script.type = "text/javascript";
	   try{
		script.appendChild(document.createTextNode(code));
	   }catch(e){
		script.text = code;
	   }
	       document.body.appendChild(script);
}
　　　　var text = "function test(){alert(‘test‘);}";
　　　　loadJscode(text);

3.動態加載css文件

我們要把這塊鏈接加入頁面

<link rel="stylesheet" href="css/count.css" />

具體代碼實現如下

function loadCss(url){
	  var css = document.createElement("link");
	  css.type = "text/css";
	  css.href = url;
	  document.body.appendChild(script);
}
//調用loadCss
loadJs("css/count.css");//這兒的參數是你的css的地址

4.動態加載css腳本

		function loadCsscode(cssCode){
				var style = document.createElement("style");
				style.type = "text/css";
				try{
					// firefox、safari、chrome和Opera
					style.appendChild(document.createTextNode(cssCode));//createTextNode創建文本節點
				}catch(e){
					//老版本的IE瀏覽器 ,需要使用style元素的stylesheet屬性的cssText屬性
					style.styleSheet.cssText = cssCode;
				}
				document.getElementsByTagName("head")[0].appendChild(style);
		}
		 var text = "font{color:#000;}";
		 loadCsscode(text);

　　借鑒於袁客

動態加載js,css(項目中需要的)