用JS和Cookie来指定页面的CSS

原创 2004年08月17日 14:23:00

<HTML>
<HEAD>
<TITLE>换肤技术新的尝试</TITLE>
<link ID="skin" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE=javascript>
<!--
function SetCookie(name,value){
     var argv=SetCookie.arguments;
     var argc=SetCookie.arguments.length;
     var expires=(2<argc)?argv[2]:null;
     var path=(3<argc)?argv[3]:null;
     var domain=(4<argc)?argv[4]:null;
     var secure=(5<argc)?argv[5]:false;
     document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}

function GetCookie(Name) {
     var search = Name + "=";
     var returnvalue = "";
     if (document.cookie.length > 0) {
           offset = document.cookie.indexOf(search);
           if (offset != -1) {     
                 offset += search.length;
                 end = document.cookie.indexOf(";", offset);                       
                 if (end == -1)
                       end = document.cookie.length;
                 returnvalue=unescape(document.cookie.substring(offset,end));
           }
     }
     return returnvalue;
}

var thisskin;
thisskin=GetCookie("nowskin");
if(thisskin!="")
     skin.href=thisskin;
else
     skin.href="css.css";

function changecss(url){
     if(url!=""){
           skin.href=url;
           var expdate=new Date();
           expdate.setTime(expdate.getTime()+(24*60*60*1000*30));
           //expdate=null;
                                   //以下设置COOKIES时间为1年,自己随便设置该时间..
           SetCookie("nowskin",url,expdate,"/",null,false);
     }
}
//-->
</SCRIPT>
</HEAD>
<BODY>

<P>请选择下面的下拉菜单测试换肤效果</P>

<select onchange="changecss(this.value)">
<option>选择样式单文件</option>
<script language="javascript">
var csss=new Array();
csss[0]="001.css";
csss[1]="002.css";
csss[2]="003.css";
csss[3]="004.css";
var i;
for(i=0;i<4;i++)
     if(thisskin==csss[i])
           document.write("<option value=/""+csss[i]+"/" selected>"+csss[i]+"样式单文件</option>");
     else
           document.write("<option value=/""+csss[i]+"/">"+csss[i]+"样式单文件</option>");
</script>
</select>
</BODY>
</HTML>

用cookie做个计数器 记录来本站访问页面的次数

知识点 cookie/* //先判断是否是第一次来浏览 if (!isset($_COOKIE['num'])) { //是的话就给你建一个 setcookie('num',1); } el...
  • u013927034
  • u013927034
  • 2016-10-02 22:39:50
  • 1123

JS首次进入刷新一次界面--利用Cookie (转载)

"http://bbs.csdn.net/topics/320137686">转自:http://bbs.csdn.net/topics/320137686      "-//W3C//DTD X...
  • dcb_ripple
  • dcb_ripple
  • 2017-01-11 20:00:54
  • 1138

javascript静态页面传值的三种方法---静态页面值传递之Cookie篇

本文转载至:http://www.jb51.net/article/43106.htm
  • u013131203
  • u013131203
  • 2016-12-30 21:17:24
  • 2192

原生js+cookie实现购物车功能

本文使用js+cookie实现简单的购物车功能。 首先是简单的HTML结构,只是为了演示下功能。 ul>     li>span>a0001span>span>shdfispan>spa...
  • jqshashou
  • jqshashou
  • 2017-04-24 15:41:49
  • 449

原生JS购物车---cookie应用

商品页: Document *{margin: 0;padding: 0;} ul{list-style: none;} a{text-decoration: none;} ....
  • qwe502763576
  • qwe502763576
  • 2018-01-26 18:07:12
  • 41

怎样不使用cookie取上一个页面的值

使用参数将他们放到跳转的地址栏中,去选取 获取地址栏参数:window.location.search,使用split(“&”)和split(“=”)拆分成数组,放到数组中,有中文时,使用decod...
  • qq_33485463
  • qq_33485463
  • 2017-08-02 13:52:20
  • 154

cookie只能当前页获取,其他页面获取不了。

thinkphp 在一个页面里设置了cookie只能当前页获取,其他页面获取不了。  分享| 2012-07-25 08:38奥茨马 | 浏览 2068 次 我想实现的是在首页登录之后...
  • qq_26329981
  • qq_26329981
  • 2016-03-05 22:32:55
  • 415

母版页的子页引用css和javascript

在模板页面: ContentPlaceHolder控件拖放到中间:         在子页,如a.aspx: alert('hello word!'); ...
  • huijunliang
  • huijunliang
  • 2012-04-20 22:40:40
  • 1204

纯CSS实现Tab切换 以及 CSS+JS实现Tab切换

纯CSS实现Tab切换 效果图 思路 代码 CSSJS实现Tab切换 效果图 思路纯CSS实现Tab切换效果图思路ul li显示tab列表 li里面嵌套子div 显示详情 子div采用绝对布局 (让...
  • mixi9760
  • mixi9760
  • 2016-07-29 15:52:12
  • 516

Cookie(页面访问次数)

这篇文章所做的就是网页访问次数的统计刷新,以jsp的内置对象application为对象,进行代码编写,简简单单,希望看到的朋友多多指教!...
  • qq_40757071
  • qq_40757071
  • 2017-10-30 20:32:15
  • 77
收藏助手
不良信息举报
您举报文章:用JS和Cookie来指定页面的CSS
举报原因:
原因补充:

(最多只允许输入30个字)