Javascript 在asp.net中单击按钮时刷新页面

我通过单击按钮调用javascript函数来隐藏和显示内容。但是当我单击按钮时，整个页面都会刷新

这是我的密码： lcont.ascx

<asp:Button ID="lbutt" runat="server" Text="test" OnClientClick="Javascript: show(1); " />
<script type="text/javascript">
function show(id) {
    if (id == 1) {
        $("#cont1").hide();
        $("#cont2").show();
    }
 }

功能显示（id）{
如果（id==1）{
$（“#cont1”）.hide（）；
$（“#cont2”）.show（）；
}
}

接下来，我在cont.aspx中有以下代码

    <div id="cont1" >    
        helo world
    </div>

    <div id="cont2"   style="  display:none; " >
            heloo nepal
        </div>

海洛世界
heloo尼泊尔

• lcont.ascx是通过母版页调用cont.aspx页面的用户控制文件

---

您有几种选择：

选项1

只需添加

返回false添加到现有代码以防止回发：

OnClientClick="Javascript: show(1); return false;"

选项2

将其添加到您的函数中：

OnClientClick="return show(1);"

function show(id) {
    if (id == 1) {
        $("#cont1").hide();
        $("#cont2").show();
    }

    return false;
 }

选项3

将ASP.Net按钮替换为普通的旧HTML按钮

<button id="lbutt" type="button" onClick="show(1)">Test</button>

测试
向函数添加返回false

<asp:Button ID="lbutt" runat="server" Text="test" OnClientClick="return show(1); " />
    <script type="text/javascript">
    function show(id) {
        if (id == 1) {
            $("#cont1").hide();
            $("#cont2").show();
        }
        return false;
     }
    </script>


功能显示（id）{
如果（id==1）{
$（“#cont1”）.hide（）；
$（“#cont2”）.show（）；
}
返回false；
}
@freefaller我觉得没问题。@hȇkhaṝ, 说句公道话，我收回我的评论。但是代码与已经提供的答案相同，解释更少，因此my-1仍然存在