用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>

php开发之js修改页面css样式

在我以前的印象里,页面的字体属性,背景,等样式在页面加载后基本上都是固定的了,但是今天看到可以通过js修改页面的样式,觉得有必要和大家分享下。 test.html ...
  • HHL110120
  • HHL110120
  • 2015年04月30日 21:24
  • 2666

纯CSS实现多页签跳转

首先把效果图给出来 会有人说,这不就是一个选项卡嘛,有什么难的,只要js入了门谁都会啊。是的,用js实现的话确实简单,几行代码足以实现了,但是我今天要说的并不是用js来实现它,而是要用完完全全的C...
  • qq_38453189
  • qq_38453189
  • 2017年07月22日 09:23
  • 639

JS以及CSS对页面的阻塞

 一、JS阻塞    所有的浏览器在下载JS文件的时候,会阻塞页面上的其他活动,包括其他资源的下载以及页面内容的呈现等等,只有当JS下载、解析、执行完,才会进行后面的 操作。在现代的浏览...
  • xiaobaitu389
  • xiaobaitu389
  • 2017年07月25日 14:23
  • 153

最简单的css+js标签页效果制作

最简单的css+js标签页效果制作 之前见网上的标签页虽然效果很好,但是额外的代码太多,让人分不清写一个标签页究竟需要什么,所以我来写一个最简单的,其他效果你们可以自己按喜好添加。 目录最简单的c...
  • tom9238
  • tom9238
  • 2017年04月16日 10:36
  • 468

JS跨域设置和取Cookie(二)

cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。本文主要JS怎样...
  • mqf163
  • mqf163
  • 2017年03月16日 18:00
  • 2647

一个简单的tab标签页,纯css+js写的,带样式

最近经常要用tab标签页,所以写了一个简单的,以后用的话直接拷贝一个,稍微改改就OK了。 先看效果图: 接下来看下代码怎么写的吧: 一、sp文件easytab.jsp ...
  • yunsyz
  • yunsyz
  • 2014年01月27日 17:31
  • 2788

css阻塞与js阻塞

js的阻塞特性:所有浏览器在下载JS的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等。直到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。为了提高用户体验,新一代浏览器都...
  • qq_36631168
  • qq_36631168
  • 2016年11月11日 18:43
  • 1596

如何让iframe使用父页面的js文件,不用每次去服务器做请求

最近在研究做后台页面时候,遇到页面加载过慢,调试一看,js加载太多,由于使用的是iframe导致浏览器每次都要加载js和css,别说缓存就不会, 缓存对iframe一点效果也没有,只是对当前的页面有...
  • qq_34785292
  • qq_34785292
  • 2017年07月03日 14:52
  • 582

JSP中如何设置Cookies

转载自:http://blog.csdn.net/dengjianqiang001/article/details/3935881 前两天看见有兄弟问cookie为什么删除不了,所以写了给小总结...
  • u012377333
  • u012377333
  • 2016年03月02日 17:38
  • 1839

关于 Cookie-free Domains(为什么将静态图片,js,css存放到单独的域名?)

本文主要描述使用裸域名做网站主域名时,如何用子域名做 cookie-free domains。 看站点优化的文章,很多建议将站点的静态文件(如图片、js、css 等)放在一个专门的域名下访问,由于该...
  • southflow
  • southflow
  • 2013年07月16日 14:18
  • 10095
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用JS和Cookie来指定页面的CSS
举报原因:
原因补充:

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