请问是否这样在一个网页中调用不同的CSS风格？

首先设置一个链接到多CSS样式的页面：
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="stylesheet1.css" type="text/css" rel="stylesheet" id="mycss">
</head>
<script language="JavaScript">
function m_openwindow(theurl,winname,features)
{
window.open(theurl,winname,features);
}
</script>
<body>
<table width="100%" height="295" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td onClick="m_openwindow('chages.htm','color1','width=450,heiht=220')"><font color="#FFFFFF">CSS样式表</font></td>
  </tr>
</table>
</body>
</html>
然后，在样式页中选择不同的CSS风格来改变之前的网页：
<html>
<head>
<title>Untitled Document</title>
<script language="JavaScript">
stylechage(stylename)
{
ChangStyle.ClassName=stylename;
window.close();
}
</script>
</head>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="/images/EABOUTJFA.jpg" width="71" height="27" onClick="stylechage(stylesheet1.css)"></td>
    <td ><img src="/images/linkes.jpg" width="171" height="29" onClick="stylechage(stylesheet2.css)"></td>
  </tr>
</table>
<body>
</body>
</html>
请各位大侠多多指教！＝＜＞＝