Javascript 使按钮不刷新Aspx页面_Javascript_Asp.net_Visual Studio 2012

Javascript 使按钮不刷新Aspx页面

javascript asp.net visual-studio-2012

Javascript 使按钮不刷新Aspx页面,javascript,asp.net,visual-studio-2012,Javascript,Asp.net,Visual Studio 2012,我试图在我的网站上做一个JavaScript，当我点击一个按钮时会出现一个弹出窗口，但是每次我点击一个按钮时，Aspx都会重新加载网页，刷新前JavaScript会工作，但是页面会重新加载，页面会恢复到没有弹出窗口的状态。当我按下HTML按钮时，有没有办法使页面不刷新而不影响我的aspx按钮功能以下是HTML/ASPX： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat

我试图在我的网站上做一个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>

试试这个：

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

在您的JavaScript中什么是“登录”？对不起，login.addEventListener实际上是test.addEventListener所以您在弹出窗口上有一个事件侦听器，但是您的哪些按钮有问题？它应该运行什么JavaScript函数？我单击的每个按钮都会刷新页面。。。脚本可以工作，但是页面会被重新加载，一切都会恢复正常……当按钮运行您在OnClick中指定的函数时，它们会导致页面中的回发，这反过来又会刷新页面。

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