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程序设计有所帮助。