Question

如何用js改变多个框架的css，也就是让网页整体换肤

Answer 1

<link href="css/color1.css" id="color" rel="stylesheet" type="text/css" /><!--注意这行的id-->
<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();

Answer 2

网页的换肤不是改变多个标签的样式，而是更换另一套CSS样式表文件

如style1.css
body { background:#000;}
如style2.css
body { background:#f00;}