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

Question

我通过点击按钮调用 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();
    }
 }

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

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

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

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

Answer 1

您有多种选择：

选项 1

只需将return 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

用普通的旧 HTML 按钮替换您的 ASP.Net 按钮。

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

Answer 2

将return 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>