asp.net动态切换主题

最新推荐文章于 2018-09-18 01:16:02 发布

原创最新推荐文章于 2018-09-18 01:16:02 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

asp.net 专栏收录该内容

51 篇文章

订阅专栏

本文介绍了一个使用C#和JavaScript实现的动态网页主题切换功能。通过读取URL参数来判断用户选择的主题，并据此设置页面主题。

C#代码

        protected void Page_PreInit(object sender, EventArgs e)
        {
            if (Request.QueryString["theme"] != null)
            {
                switch (Request.QueryString["theme"])
                {
                    case "Blue":
                        Page.Theme = "BlueTheme";
                        break;
                    case "Pink":
                        Page.Theme = "PinkTheme";
                        break;
                }
            }
        }

JavaScript代码

    <script type="text/javascript">
        function changeTheme() {
            var theme = document.getElementById("ddlTheme").value;
            var url = window.location.href.replace(/(^\s*)|(\s*$)/g, "");//获取去处两边空格之后当前url           
            if (url.indexOf("?") == -1) { //查找？的索引位置
                url += "?theme=" + theme;
            } else if (url.indexOf("?") == url.length - 1) {
                url += "theme=" + theme;
            } else {
                url += "&theme=" + theme;
            }
            window.location = url;//重新加载当前页
        }
    </script>