5个文件
1.css.color1{
color:red
}
2.css.color1{
color:blue
}
1.htm<frameset name="aaa" cols="100,*">
<frame name="test1" src="2.htm">
<frame name="test2" src="3.htm">
</frameset>
2.htm<link id="one" href="1.css" rel="stylesheet" type="text/css">
<font class="color1">aaaaaa</font>
<input type="button" value="换css" onclick="show()">
<script language=javascript>
function show()
{
document.getElementById("one").href="2.css"
parent.test2.document.getElementById("one").href="2.css"
}
</script>3.htm<link id="one" href="1.css" rel="stylesheet" type="text/css">
<font class="color1">bbbbbbbbb</font>
1.css.color1{
color:red
}
2.css.color1{
color:blue
}
1.htm<frameset name="aaa" cols="100,*">
<frame name="test1" src="2.htm">
<frame name="test2" src="3.htm">
</frameset>
2.htm<link id="one" href="1.css" rel="stylesheet" type="text/css">
<font class="color1">aaaaaa</font>
<input type="button" value="换css" onclick="show()">
<script language=javascript>
function show()
{
document.getElementById("one").href="2.css"
parent.test2.document.getElementById("one").href="2.css"
}
</script>3.htm<link id="one" href="1.css" rel="stylesheet" type="text/css">
<font class="color1">bbbbbbbbb</font>
把上面的2.htm改为<link id="one" href="1.css" rel="stylesheet" type="text/css">
<font class="color1">aaaaaa</font>
<input type="button" value="换css" onclick="show()">
<script language=javascript>
function show()
{
top.test1.document.getElementById("one").href="2.css"
top.test2.document.getElementById("one").href="2.css"
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> 无标题文档 </title>
<link id="aa" href="" rel="stylesheet" type="text/css">
</head> <body>
<script>
function changeStyle(url){
cacheobj=document.getElementById("aa");
cacheobj.href=url;
}
</script><a href="javascript:changeStyle('http://www.redflystudios.com/css_style.css');"> 网络样式表 </a>
<a href="javascript:changeStyle('http://www.wz-qs.com/css.css');"> 网络样式表2 </a>
<a href="javascript:changeStyle('http://bbs.blueidea.com/forumdata/cache/style_2.css');"> 经典样式 </a><div>1234</div></body>
</html>