html動態載入css樣式和js腳本範例_HTML/Xhtml_網頁製作

一、動態載入腳本

當網站需求變大，腳本的需求也逐漸變大。我們就必須引入太多的 JS 腳本而降低了整站的效能，所以就出現了動態腳本的概念，在適時的時候載入對應的腳本。
例如：我們想在需要偵測瀏覽器的時候，再引入偵測文件。

複製程式碼

程式碼如下:

動態執行js

IE 6,7,8瀏覽器認為script 是特殊元素，不能在存取子節點。為了相容，可以使用 text屬性來代替。

需要做所有瀏覽器相容

二、動態載入樣式

為了動態的載入樣式表，例如切換網站皮膚。樣式表有兩種方式進行加載，一種是標籤，一種是

動態執行 link

複製程式碼

程式碼如下:

var flag = true;


var flag = true; (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);

}

   

動態執行style

複製程式碼

程式碼如下: