JS使用cookie设置样式的方法
本文实例讲述了JS使用cookie设置样式的方法。分享给大家供大家参考,具体如下:
varstyleShow=["blackgreen","purple"];
varpath="/";
varStyleSwitch={
//设置样式
setStyleSheet:function(StyleName){
vari,a,main;
for(i=0;(a=document.getElementsByTagName("link")[i]);i++){
if(a.getAttribute("rel").indexOf("Style")!=-1&&a.getAttribute("title")){
a.disabled=true;
if(a.getAttribute("title")==StyleName){
a.disabled=false;
this.setCookie("Style",StyleName);
}
}
}
},
//获取当前使用样式
getStyleSheet:function(){
vari,a;
for(i=0;(a=document.getElementsByTagName("link")[i]);i++){
if(a.getAttribute("rel").indexOf("Style")!=-1&&a.getAttribute("title")&&!a.disabled){
returna.getAttribute("title");
}
}
returnnull;
},
//获取默认样式
getPreferredStyleSheet:function(){
vari,a;
for(i=0;(a=document.getElementsByTagName("link")[i]);i++){
if(a.getAttribute("rel").indexOf("Style")!=-1
&&a.getAttribute("rel").indexOf("alt")==-1
&&a.getAttribute("title")
){
returna.getAttribute("title");
}
}
returnnull;
},
//获取cookie
getCookie:function(name){
varcookieName=encodeURIComponent(name)+"=",
cookieStart=document.cookie.indexOf(cookieName),
cookieValue=null;
if(cookieStart>-1){
varcookieEnd=document.cookie.indexOf(";",cookieStart);
if(cookieStart==-1){
alert(-2);
cookieEnd=document.cookie.length;
}
cookieValue=decodeURIComponent(document.cookie.substring(cookieStart+cookieName.length,cookieEnd));
}
for(vari=0;i<styleShow.length;i++){
if(cookieValue==styleShow[i]){
alert(styleShow[i]);
returnstyleShow[i];
}
}
returnstyleShow[0];
},
//生成cookie
//namecookie名
//value值
//expires过期时间
//path路径
setCookie:function(name,value,expires,path,domain,secure){
varcookieText=encodeURIComponent(name)+"="+encodeURIComponent(value)+";";
if(expiresinstanceofDate){
cookieText+="expires="+expires.toGMTString();
}
if(path){
cookieText+=";path="+path;
}
if(domain){
cookieText+=";domain="+domain;
}
if(secure){
cookieText+=";secure";
}
document.cookie=cookieText;
},
//重置cookie
unsetCookie:function(name,path,domain,secure){
this.set(name,"",newDate(0),path,domain,screen);
}
};
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。