1. 如何用js改變多個框架的css,也就是讓網頁整體換膚
<linkhref="css/color1.css"id="color"rel="stylesheet"type="text/css"/><!--注意這行的id-->
<aonclick="changeStyle(1)">樣式1</a>
<aonclick="changeStyle(2)">樣式2</a>
上面是html,下面是js.把選定的樣式載入進cookies ,網頁載入先查cookie。
functiongetObject(elementId){//獲取指定id的object
if(document.getElementByIdx){returndocument.getElementByIdx(elementId);}
elseif(document.all){returndocument.all[elementId];}
elseif(document.layers){returndocument.layers[elementId];}
}
functionchangeStyle(id){//切換樣式
varstylesheet=getObject("color").href="css/color"+id+".css";
document.cookie="stylesheet="+escape(stylesheet);//寫入Cookie
//alert(document.cookie);
//alert(stylesheet);
}
functioninitStyle(){//初始化樣式,如果cookie存在樣式,則載入cookie樣式,否則載入默認樣式
if(/stylesheet=([^;]+)/.test(document.cookie))//判斷是否存在cookie.
getObject("color").href=unescape(RegExp.$1);
//alert(/stylesheet=([^;]+)/.test(document.cookie));
}initStyle();