javascript通过设置Cookie来切换字体的解决方案

简介: javascript通过设置Cookie来切换字体的解决方案
<div id="fonts"></div>
<div class="content">字体切换</div>
$(function () {
        function SetCookie(name, value) {
            var Days = 30;
            var exp = new Date();
            exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
            document.cookie = name + "=" + decodeURI(value) + ";expires=" + exp.toGMTString();
        }
        function getCookie(name) {
            var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
            if (arr != null)
                return decodeURI(arr[2]);
            return null;
        }
        var kk = getCookie("fonts");
        if (kk == "") {
            SetCookie("fonts", "lyhei")
        } else if (kk == "songti") {
            $(".content").css('font-family', '"宋体"');
            $("#fonts").text('雅黑');
        } else {
            $(".content").css('font-family', '"微软雅黑"');
            $("#fonts").text('宋体');
        }
        $("#fonts").click(function () {
            if ($("#fonts").text() == "宋体") {
                SetCookie("fonts", "songti");
                $(".content").css('font-family', '"宋体"');
                $("#fonts").text('雅黑');
            } else {
                SetCookie("fonts", "lyhei");
                $(".content").css('font-family', '"微软雅黑"')
                $("#fonts").text('宋体');
            }
        });
    });

Done!


相关文章
|
1月前
|
JavaScript 前端开发
JS浮点数精度问题及高精度小数运算:BigNumber解决方案
JS浮点数精度问题及高精度小数运算:BigNumber解决方案
126 0
|
1月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
528 1
|
2月前
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
12天前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
18天前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
180 4
|
1月前
|
前端开发 JavaScript 开发者
JS 异步解决方案的发展历程以及优缺点
本文介绍了JS异步解决方案的发展历程,从回调函数到Promise,再到Async/Await,每种方案的优缺点及应用场景,帮助开发者更好地理解和选择合适的异步处理方式。
|
1月前
|
JavaScript 前端开发
Javascript:获取、设置复选框的勾选状态
Javascript:获取、设置复选框的勾选状态
47 1
|
1月前
|
Python
python中3种获取cookie解决方案
python中3种获取cookie解决方案
22 0
|
2月前
|
JavaScript 前端开发
js防抖函数返回值问题解决方案
本文介绍了如何在JavaScript中创建一个带有返回值的防抖函数,通过结合Promise来实现。这种防抖函数可以在事件触发一定时间后再执行函数,并能处理异步操作的返回值。文章提供了防抖函数的实现代码和如何在实际项目中使用该防抖函数的示例。
30 1
|
1月前
|
存储 JavaScript 前端开发
JavaScript Cookie
JavaScript Cookie
16 0