如何用js改變多個框架的css，也就是讓網頁整體換膚

<a?onclick="changeStyle(1)">樣式1</a>

<a?onclick="changeStyle(2)">樣式2</a>

上面是html，下面是js.把選定的樣式加載進cookies ,網頁加載先查cookie。

function?getObject(elementId)?{?//獲取指定id的object?

if?(document.getElementByIdx)?{?return?document.getElementByIdx(elementId);?}?

else?if?(document.all)?{?return?document.all[elementId];?}?

else?if?(document.layers)?{?return?document.layers[elementId];?}

}

function?changeStyle(id){//切換樣式?

var?stylesheet=getObject("color").href="css/color"+id+".css";?

document.cookie="stylesheet="+escape(stylesheet);//寫入Cookie?

//alert(document.cookie);?

//alert(stylesheet);

}

function?initStyle(){?//初始化樣式，如果cookie存在樣式，則加載cookie樣式，否則加載默認樣式?

if(/stylesheet=([^;]+)/.test(document.cookie))//判斷是否存在cookie.

getObject("color").href=unescape(RegExp.$1);

//alert(/stylesheet=([^;]+)/.test(document.cookie));

}initStyle();