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 SocialHistory 检查访问者是否访问过某站点
Aug 02 Javascript
ToolTips JQEURY插件之简洁小提示框效果
Nov 19 Javascript
js验证是否为数字的总结
Apr 14 Javascript
简易js代码实现计算器操作
Apr 15 Javascript
浅析webapp框架AngularUI的demo
Dec 21 Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
May 01 Javascript
Bootstrap carousel轮转图的使用实例详解
May 17 Javascript
JS实现复制内容到剪贴板功能
Feb 05 Javascript
bootstrap paginator分页前后台用法示例
Jun 17 Javascript
详解在Javascript中进行面向切面编程
Apr 28 Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
Sep 04 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
Dec 10 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
编写PHP脚本使WordPress的主题支持Widget侧边栏
2015/12/14 PHP
PHP生成推广海报的方法分享
2018/04/22 PHP
PHP手机短信验证码实现流程详解
2018/05/17 PHP
JQuery一种取同级值的方式(比如你在GridView中)
2012/03/15 Javascript
jquery中的查找parents与closest方法之间的区别
2013/12/02 Javascript
JavaScript对象的property属性详解
2014/04/01 Javascript
jQuery表格列宽可拖拽改变且兼容firfox
2014/09/03 Javascript
JavaScript实现更改网页背景与字体颜色的方法
2015/02/02 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
浅谈类似于(function(){}).call()的js语句
2015/03/30 Javascript
jQuery插件之Tocify动态节点目录菜单生成器附源码下载
2016/01/08 Javascript
JS查找字符串中出现次数最多的字符
2016/09/05 Javascript
JS当前页面登录注册框,固定DIV,底层阴影的实例代码
2016/09/29 Javascript
Js apply方法详解
2017/02/16 Javascript
JavaScript 总结几个提高性能知识点(推荐)
2017/02/20 Javascript
Vue封装一个简单轻量的上传文件组件的示例
2018/03/21 Javascript
webpack中的热刷新与热加载的区别
2018/04/09 Javascript
JavaScript事件冒泡与事件捕获实例分析
2018/08/01 Javascript
nodejs检测因特网是否断开的解决方案
2019/04/17 NodeJs
Node.js 路由的实现方法
2019/06/05 Javascript
使用react context 实现vue插槽slot功能
2019/07/18 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
2020/02/19 Javascript
redux处理异步action解决方案
2020/03/22 Javascript
js对象属性名驼峰式转下划线的实例代码
2020/09/17 Javascript
[14:03]2017DOTA2亚洲邀请赛开幕式:12神兵演绎水墨中华
2017/04/01 DOTA
分享Python字符串关键点
2015/12/13 Python
python将字典内容存入mysql实例代码
2018/01/18 Python
python SQLAlchemy的Mapping与Declarative详解
2019/07/04 Python
Django REST Framework之频率限制的使用
2019/09/29 Python
Python实现隐马尔可夫模型的前向后向算法的示例代码
2019/12/31 Python
Python图片处理模块PIL操作方法(pillow)
2020/04/07 Python
基于python SMTP实现自动发送邮件教程解析
2020/06/02 Python
英国折扣零售连锁店:QD Stores
2018/12/08 全球购物
iHerb俄罗斯:维生素、补品和天然产品
2020/07/09 全球购物
Python-typing: 类型标注与支持 Any类型详解
2021/05/10 Python
js前端面试常见浏览器缓存强缓存及协商缓存实例
2022/06/21 Javascript