Question

我正在尝试在我的WebSite中执行JavaScript，当我单击一个按钮时会出现一个弹出窗口，但Aspx每次单击一个按钮重新加载网页时，刷新前的javaScript工作，但页面重新加载并且页面没有弹出窗口就回来了。当我按下HTML按钮而不影响我的aspx按钮功能时，有没有办法让页面不刷新？

这是HTML / ASPX：

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link rel="stylesheet" type="text/css" href="../css/main.css" />
    <script type="text/javascript" src="../Scripts/jquery.js"></script>
    <script type="text/javascript" src="../Scripts/jqueryui.js"></script>

    <script type="text/javascript" src="../Scripts/myjqTest.js"></script>

    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
<form runat="server">
    <div id="header">
    <li><asp:LinkButton ID="loginoptionsButton" CssClass="loginoptionsButton"
    runat="server" CausesValidation="False" ClientIDMode="Static"
    OnClick="loginoptionsButton_Click">LOGIN</asp:LinkButton></li>
    <li><asp:LinkButton ID="signuplogoutButton" CssClass="signuplogoutButton"
    runat="server" CausesValidation="False" ClientIDMode="Static"
    OnClick="signuplogoutButton_Click">CADASTRAR-SE</asp:LinkButton></li>
    </div>

    <div id="content">
        <button id="TestJS" class="">Test</button>
        <div id="Popup" class=""></div>
    </div>
</form>
</body>
</html>

这是JS：

var test = document.getElementById("Popup");

test.addEventListener("click", function () {
    if (test.className === "Hide") {
        test.className = "";
    } else {
        test.className = "Hide";
    }
});

Answer 1

试试这个：

test.addEventListener("click", function (event) {
    if (test.className === "Hide") {
        test.className = "";
    } else {
        test.className = "Hide";
    }
    event.preventDefault();
});

使按钮不刷新Aspx页面

1 个答案: