ASP.NET aspx 后台代码控制前台显示、隐藏

前台代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Button ID="Button1" runat="server" Text="隐藏" OnClick="Button1_Click" />
        <asp:Button ID="Button2" runat="server" Text="显示" OnClick="Button2_Click" />
        <div id="container" runat="server">
            内容
        </div>
    </form>
</body>
</html>

后台代码
        // 隐藏
        protected void Button1_Click(object sender, EventArgs e)
        {
            //// 方式一
            RegisterStartupScript("", "<script>document.getElementById('container').style.display='none';</script>");

            // 方式二
            Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script>document.getElementById('container').style.display='none';</script>");
        }

        // 显示
        protected void Button2_Click(object sender, EventArgs e)
        {
            // 方式一
            RegisterStartupScript("", "<script>document.getElementById('container').style.display='';</script>");

            // 方式二
            Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script>document.getElementById('container').style.display='';</script>");
        }


作者最新文章
C# ASP.NET Core Web Api 与 MVC 模式下 body 参数传递,post 参数方式
C# ASP.NET Framework Web Api 模式下 body 参数传递,post 参数方式
C# 如何创建 NuGet 包(.NET Core SDK)
C# 如何创建 NuGet 包(.NET Framework)
C# .net core 读取json文件,自定义配置文件 appsetting.json