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

将返回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>

按钮上的页面刷新点击asp.net

2 个答案: