js读取设置cookies

最新推荐文章于 2023-08-17 23:45:00 发布

原创最新推荐文章于 2023-08-17 23:45:00 发布 · 605 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网站主题切换的方法，并通过Cookies保存用户的选择。此外，还提供了C#后端获取主题值的代码示例。

1、cookies：

 var theme = $.cookies.get("theme_platform") || "Blue";
            changeTheme(theme, false);


 function changeTheme(themeName, isCng)
        {
            if (!themeName || themeName.toString().trim().length == 0)
            {
                themeName = $.cookies.get("theme_platform")
            }

            $("span[class^='mainTheme_']").each(function ()
            {
                var cssName = $(this).attr("class");
                $(this).removeClass().addClass(cssName.replace("1", ""));
            
            });
            try
            {
                themeName=themeName.toLowerCase();
                var current=$(".mainTheme_" + themeName)||$(".mainTheme_" + themeName+"1");
                current.removeClass().addClass("mainTheme_" + themeName + "1");
            }
            catch(e){}
            if(isCng)
            {
                RoadUI.Core.allFrames = [];
                RoadUI.Core.getAllFrames();
                for (var i = 0; i < RoadUI.Core.allFrames.length; i++)
                {
                    $("#style_style", RoadUI.Core.allFrames[i].document).attr("href", rootdir + "/Themes/" + themeName + "/Style/style.css");
                    $("#style_ui", RoadUI.Core.allFrames[i].document).attr("href", rootdir + "/Themes/" + themeName + "/Style/ui.css");
                }
                $.cookies.set("theme_platform", themeName, { expiresAt: new Date(2099, 1, 1) });
            }
        }

C#后台取值：

   public static string Theme
        {
            get
            {
                var cookie = System.Web.HttpContext.Current.Request.Cookies["theme_platform"];
                return cookie != null && !cookie.Value.IsNullOrEmpty() ? cookie.Value : "Blue";
            }
        }