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

Question

我通过单击按钮以隐藏和显示content来调用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>