<script type="text/javascript"> var flag = true;//設置true再加載 if (flag) { loadScript('test.js');//設置加載的js } function loadScript(url) { var script = document.createElement('script'); script.type = 'text/Javascript'; script.src = url; //document.head.appendChild(script);//document.head表示<head> document.getElementsByTagName('head')[0].appendChild(script); }</script>動態執行js<script type="text/javascript"> var script = document.createElement('script'); script.type = 'text/javascript'; var text = document.createTextNode("alert('Lee')"); //script.appendChild(text);//IE瀏覽器會報錯,兼容用下面的語句 script.text = "alert('hehe')" document.getElementsByTagName('head')[0].appendChild(script);</script>動態樣式
樣式表有兩種方式進行加載，一種是<link>標簽，一種是<style>標簽。動態執行link
<script type="text/javascript"> var flag = true; if (flag) { loadStyles('basic.CSS'); } function loadStyles(url) { var link = document.createElement('link'); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = url; document.getElementsByTagName('head')[0].appendChild(link); }</script>動態執行style
<script type="text/javascript"> var flag = true; if (flag) { var style = document.createElement('style'); style.type = 'text/css'; //var box= document.createTextNode(#box{background:red}'); IE不支持 //style.appendChild(box); document.getElementsByTagName('head')[0].appendChild(style); insertRule(document.styleSheets[0], 'body', 'background:red', 0); } function insertRule(sheet, selectorText, cssText, position) { //如果是非IE if (sheet.insertRule) { sheet.insertRule(selectorText + "{" + cssText + "}", position); //如果是IE } else if (sheet.addRule) { sheet.addRule(selectorText, cssText, position); } }</script>
新聞熱點
疑難解答
