如何用javascript指定网页链接不同的css文件？

<link rel="stylesheet" href="/js/css/style_1.css">
<link rel="stylesheet" href="/js/css/style_2.css">
<link rel="stylesheet" href="/js/css/style_3.css">
<link rel="stylesheet" href="/js/css/style_4.css">
<script language="JavaScript">
<!--
var doAlerts=false;
function changeSheets(whichSheet){
  whichSheet=whichSheet-1;
  if(document.styleSheets){
    var c = document.styleSheets.length;
    if (doAlerts) alert('Change to Style '+(whichSheet+1));
    for(var i=0;i<c;i++){
      if(i!=whichSheet){
        document.styleSheets[i].disabled=true;
      }else{
        document.styleSheets[i].disabled=false;
      }
    }
  }
}
//-->
</script>

解决方案 »

  1.   

    补：
    <a href="JavaScript:changeSheets(1)">Style One</a>
    <a href="JavaScript:changeSheets(2)">Style Two</a>
    <a href="JavaScript:changeSheets(3)">Style Three</a>
    <a href="JavaScript:changeSheets(4)">Style Four</a>
      

  2.   

    请问开始的这些：
    <link rel="stylesheet" href="/js/css/style_1.css">
    <link rel="stylesheet" href="/js/css/style_2.css">
    <link rel="stylesheet" href="/js/css/style_3.css">
    <link rel="stylesheet" href="/js/css/style_4.css">
    是指所使用到的css文件必须要主页开头的代码中全部都写出来吗？
      

  3.   

    在<head>和</head>中间放入<link rel="stylesheet" href="1.css">
    <body>里面
    <a href="#" onclick="javascript:document.getElementsByTagName('link')[0].href='2.css'">换成2.css</a>
      

  4.   

    to:asde2004(FLY) 我也遇到了这样的问题,按照你的做法我实现我的功能，谢谢
    ！！！