??在VS2008里如何测试写的换肤功能（用Cookie）

Question

??在VS2008里如何测试写的换肤功能（用Cookie）
我从网上拿了那个在客户端静态换肤的代码，用Cookie实现
Cookie你这次换了皮肤，下次再登录这个网站的时候就会保持你原先的那个设置状态。 <select name="theme" id="themes" onchange="changecss(themes.options[theme.selectedIndex].value)">
<option value="1" id="yellow">yellow</option>
<option value="2" id="purple">purple</option>
<option value="3" id="blue">blue</option>
<option value="4" id="green">green</option>
<option value="5" id="grey">grey</option>
<option value="6" id="white">white</option>
</select>
可是在VS2008调试怎么调试，怎么判断自己的那个写的程序是正确的，就是我这次设置了，下次打开的的时候，就保持上次设置的状态，是先打开一个页面设置，然后再打开一个页面 ？？第二次打开的跟当进入这个网站时一样，就像没设置过一样请我是我调试方式有问题吗？

Answer 1

<script type="text/javascript" language="javascript">
    /*函数:change_css(css_id,css_document) 
*功能:自定义版面色彩样式,并写入cookie,保存 
*参数: 
css_id:要被替换的css文件在页面中的id 
css_document:要使用的css文件的路径 
cookie_name:要设置的该样式的cookie名称 
*返回值: 
无 
*--------------------------------*/ 
function change_css(css_id,css_document,cookie_name)
{ 
document.getElementById(css_id).setAttribute("href",css_document); 
set_cookie(cookie_name,css_document,365);//保存为1年,当然,你也可以把它分离出来,做为参数设置 
} 
//====================cookie函数==================== 
/*--函数名:set_cookie 
*--功能:设置cookie,只能自定义一个cookie的名和值,设置多个时需要多次调用 
*--参数: 
c_name:自定义cookie名 
c_value:自定义cookie值 
可选c_expires:设置该cookie的存活时间,单位:天 
可选c_path:设置该cookie的路径 
可选c_domain:设置该cookie的域 
可选c_secure:设置是否安全cookie,1安全,0或不设置,不安全 
*--返回值: 
无 
*--------------------------------*/ 
function set_cookie(c_name,c_value,c_expires,c_path,c_domain,c_secure)
{ 
var cookie_string=c_name + "=" + escape(c_value); 
if(c_expires)
{ 
var expires = new Date(); 
expires.setTime(expires.getTime() + c_expires * 24 * 60 * 60 * 1000); //设置过期日期
cookie_string+=";expires="+expires; 
} 
if(c_path)
{ 
cookie_string+=";path="+c_path; 
} 
if(c_domain)
{ 
cookie_string+=";domain="+c_domain; 
} 
if(c_secure)
{ 
cookie_string+=";secure"; 
} 
document.cookie=cookie_string; //将 cookie 名称、值及其过期日期等存入 document.cookie 对象
} 
/*--函数名:get_cookie 
*--功能:读取需要的cookie 
*--参数: 
c_name:要读取的cookie名 
*--返回值: 
value:要读取的cookie的值 
*--------------------------------*/ 
function get_cookie(cookie_name)
{ 
  if(document.cookie.length>0)//检测是否存在Cookie
  {
      var cookie_pos = document.cookie.indexOf(cookie_name+"="); //检测指定的Cookie是否存在
      // 如果找到了索引，就代表cookie存在，反之，就说明不存在。 
      if (cookie_pos != -1)// 找到了Cookie
      { 
       // 把cookie_pos放在值的开始，只要给值加1即可。 
         cookie_pos += cookie_name.length + 1; 
         var cookie_end = document.cookie.indexOf(";", cookie_pos); 
         if (cookie_end == -1)
         { 
          cookie_end = document.cookie.length; 
         } 
         
          var value = unescape(document.cookie.substring(cookie_pos,cookie_end)); 
          return value; 
       } 
      
   }
   return "";//不存在Cookie
} 
//======================================================================================================= 
function changCss1()
{ 
change_css('cssfile1','CSS/css1.css','style1');//修改样式,当然,你要填入你自己的参数 
//change_css('cssfile2','themes/default/css/layout.css','style2'); 
} function changCss2()
{ 
change_css('cssfile1','CSS/css2.css','style1');//修改样式,当然,你要填入你自己的参数 
} function changCss3()
{ 
change_css('cssfile1','CSS/css3.css','style1');//修改样式,当然,你要填入你自己的参数 } function changCss4()
{ 
change_css('cssfile1','CSS/css4.css','style1');//修改样式,当然,你要填入你自己的参数 } 
function changCss5()
{ 
change_css('cssfile1','CSS/css5.css','style1');//修改样式,当然,你要填入你自己的参数 } 
function changCss6()
{ 
change_css('cssfile1','CSS/css6.css','style1');//修改样式,当然,你要填入你自己的参数 } window.onload = function() 
{ var d_css_document1="CSS/css1.css";//默认的css文件,比如css/green.css var cookie1 = get_cookie("style1");//读取cookie 
 
var css_document1=cookie1?cookie1:d_css_document1;//cookie是否存在 change_css('cssfile1',css_document1,'style1');//修改样式,当然,你要填入你自己的参数 
var itemvalue1=css_document1.toString().substring(7,8);
var theme=document.getElementById("themes");
   for(i=0;i<theme.length;i++)
   {
     var itemvalue=theme.item(i).value;
     if(itemvalue1==itemvalue)
     {
      theme.item(i).selected=true;
     }
     else
     {
      theme.item(i).selected=false;
     }
   }
} 
//======================================================================================================== 
/*这里是对首页下拉列表进行控制 
--------------------------------*/ 
function changecss(selectvalue)
{ 
switch(selectvalue)
{ 
case "1": 
changCss1(); 
break; 
case "2": 
changCss2(); 
break; 
case "3": 
changCss3(); 
break; 
case "4": 
changCss4(); 
break; 
case "5": 
changCss5(); 
break; 
case "6": 
changCss6(); 
break; 
} 
location.reload(); 
}
    </script>