web css实现整站样式互相切换


Posted in Javascript onOctober 29, 2013

直接贴代码

//取元素 用两个$是为了不与jquery冲突
function $$(s) {
    return document.getElementById(s);
}
function setblue() {
    //先写cookie
    //writeCookie("ISCSSSTYLE", "css/CRM_blue.css", 365, true);
    //设置新的css文件
    $$("maincss").href = "css/CRM_blue.css";
    //取主框架页,并重新设置css文件
    //var childobj = window.parent.document.getElementById("ManagerMain").contentWindow;
    //childobj.document.getElementById("maincss").href = "css/CRM_blue.css";
}
function setgreen() {
    //先写cookie
    //writeCookie("ISCSSSTYLE", "css/CRM.css", 365, true);
    //设置新的css文件
    $$('maincss').href = "css/CRM.css";
    //取主框架页,并重新设置css文件
    //var childobj = window.parent.document.getElementById("ManagerMain").contentWindow;
    //childobj.document.getElementById("maincss").href = "css/CRM.css";
}
function setgray() {
    //先写cookie
    //writeCookie("ISCSSSTYLE", "css/CRM_gray.css", 365, true);
    //设置新的css文件
    $$('maincss').href = "css/CRM_gray.css";
    //取主框架页,并重新设置css文件
    //var childobj = window.parent.document.getElementById("ManagerMain").contentWindow;
    //childobj.document.getElementById("maincss").href = "css/CRM_gray.css";
}

function setActiveStyleSheet(title) {
    //    var i, 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") == title)  
    //            a.disabled = false;  
    //        }
    //    }
    //$$("maincss").attr("href", "css/CRM_blue.css");
    //$$('maincss').href = "css/CRM_blue.css";
    //设置css的文件
    $$('maincss').href = title;
}
function getActiveStyleSheet() {
    //    var i, a;  
    //    for(i=0; (a = document.getElementsByTagName("link")[i]); i++)  
    //    {  
    //        if(a.getAttribute("rel").indexOf("style")!= -1 &&  
    //         a.getAttribute("title") && !a.disabled)  
    //            return a.getAttribute("title");  
    //    }
    //    return null;
    var cssfile = $$('maincss').href;
    //alert(cssfile);
    return cssfile;
}
function getPreferredStyleSheet() {
    //    var i, 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"))  
    //            return a.getAttribute("title");  
    //    }
    //    return null;
    var cssfile = $$('maincss').href;
    //alert(cssfile);
    return cssfile;
}
function createCookie(name, value, days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
    }
    else
        expires = "";
    document.cookie = name + "=" + value + expires + "; path=/";

}
function writeCookie(name, value, hours, escp) {
    var expire = "";
    if (hours != null) {
        expire = new Date((new Date()).getTime() + hours * 3600000);
        expire = "; expires=" + expire.toGMTString();
    }
    if (escp == "True") {
        document.cookie = name + "=" + value + expire;
    } else {
        document.cookie = name + "=" + escape(value) + expire;
    }
}

function readCookie(name) {
    var nameEQ = name + "=";

    var ca = document.cookie.split(';');

    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];

        while (c.charAt(0) == ' ')
            c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0)
            return c.substring(nameEQ.length, c.length);
    }
    return null;
}
$(document).ready(function() {

    //var title = readCookie("ISCSSSTYLE");
    //var title = "css/CRM_blue.css";

    //if (title != null && title != "undefined") {
    //    setActiveStyleSheet(title);
    //}
});
Javascript 相关文章推荐
提高网站性能之 如何对待JavaScript
Oct 31 Javascript
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
Apr 20 Javascript
javascript获取当前鼠标坐标的方法
Jan 10 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
javascript检查浏览器是否已经启用XX功能
Jul 10 Javascript
JS实现的左侧竖向滑动菜单效果代码
Oct 19 Javascript
JS去掉字符串中所有的逗号
Oct 18 Javascript
js通过Date对象实现倒计时动画效果
Oct 27 Javascript
在HTML文档中嵌入JavaScript的四种方法
May 07 Javascript
element-ui upload组件多文件上传的示例代码
Oct 17 Javascript
vue项目中实现缓存的最佳方案详解
Jul 11 Javascript
VUE中setTimeout和setInterval自动销毁案例
Sep 07 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
Oct 29 #Javascript
JS 页面计时器示例代码
Oct 28 #Javascript
js如何判断不同系统的浏览器类型
Oct 28 #Javascript
使用js的replace()方法查找字符示例代码
Oct 28 #Javascript
js中的replace方法使用介绍
Oct 28 #Javascript
js之事件冒泡和事件捕获详细介绍
Oct 28 #Javascript
javascript抖动元素的小例子
Oct 28 #Javascript
You might like
详解:――如何将图片储存在数据库里
2006/12/05 PHP
几个有用的php字符串过滤,转换函数代码
2012/05/01 PHP
php模拟ping命令(php exec函数的使用方法)
2013/10/25 PHP
PHP测试成功的邮件发送案例
2015/10/26 PHP
PHP Cookei记录用户历史浏览信息的代码
2016/02/03 PHP
详解php用curl调用接口方法,get和post两种方式
2017/01/13 PHP
php语言注释,单行注释和多行注释
2018/01/21 PHP
JavaScript实现统计文本框Textarea字数增强用户体验
2012/12/21 Javascript
js从10种颜色中随机取色实现每次取出不同的颜色
2013/10/23 Javascript
jquery动态改变form属性提交表单
2014/06/03 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
不想让浏览器运行javascript脚本的方法
2015/11/20 Javascript
JavaScript操作HTML DOM节点的基础教程
2016/03/11 Javascript
jQuery实现的简单分页示例
2016/06/01 Javascript
JS仿hao123导航页面图片轮播效果
2016/09/01 Javascript
微信小程序富文本渲染引擎的详解
2017/09/30 Javascript
JS实现中文汉字按拼音排序的方法
2017/10/09 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
2018/12/20 Javascript
一次微信小程序内地图的使用实战记录
2019/09/09 Javascript
openlayers4实现点动态扩散
2020/08/17 Javascript
[27:28]Ti4 冒泡赛第二天 iG vs NEWBEE 1
2014/07/15 DOTA
[01:29:46]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第二局
2016/02/27 DOTA
python解析xml文件操作实例
2014/10/05 Python
用python打印1~20的整数实例讲解
2019/07/01 Python
python如何将多个PDF进行合并
2019/08/13 Python
python3的UnicodeDecodeError解决方法
2019/12/20 Python
如何让IE9以下版本(ie6/7/8)认识html5元素
2013/04/01 HTML / CSS
HTML5 播放 RTSP 视频的实例代码
2019/07/29 HTML / CSS
Python里面如何实现tuple和list的转换
2012/06/13 面试题
药学专业大专生的自我评价
2013/12/12 职场文书
考试违纪检讨书
2014/02/02 职场文书
安全生产责任书
2014/03/12 职场文书
初中家长寄语
2014/04/02 职场文书
2015年房地产个人工作总结
2015/05/26 职场文书
工作态度怎么写
2015/06/25 职场文书
2016教师党员学习心得体会
2016/01/21 职场文书