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

发布时间:2020-12-04 08:52 作者:独孤剑 阅读:160

前台代码

<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# Console 控制台禁止重复打开, 只能运行一个实例, 禁止多开
C# 正则获取网页内容, 抓取html源代码里的 title
C# 通过循环的方式遍历数组中不相同的元素
css 设置背景色的两种方式, 如何设置背景颜色?