0

在我的 asp.net 应用程序中，我有一个包含两个 iframe 的页面。这些框架上方是一些链接按钮。当这些按钮被点击时，它们应该改变两个 iframe 的 src。下面列出的是我用来执行此操作的客户端代码和 javascript。问题是当这些按钮中的任何一个被点击时，整个页面都会刷新，而不是仅仅更改其中一个 iframe 的 src。（我可以说这是令人耳目一新的，因为在您登录主框架中显示的第一页之前，链接按钮不可用，在您登录后，通过调用父级按钮变为可见 - window.parent.loginSuccess() ）。如果随后单击其中一个，它会将您发送回 iframe 中的登录页面，并且按钮不再可见。）这是代码，有人知道为什么会这样吗？感谢您的帮助。

<body id="bodysty">
<div id="fstyle" class="daform">
    <form id="form1" runat="server">
    <div id="master">
    <div id="topthing"> <asp:LinkButton ID="lbtnControlPanel" onclientclick="CPhit()" runat="server" style="display:none">Control Panel</asp:LinkButton> <asp:LinkButton ID="lbtnAddClient" runat="server" onclientclick="AddClientHit()" style="display:none">Add Client</asp:LinkButton> <asp:LinkButton ID="lbtnManageClients" runat="server" onclientclick="ManageClientsHit()" style="display:none">Manage Clients</asp:LinkButton> <asp:LinkButton ID="lbtnAdmin" runat="server" onclientclick="ManageClientsHit()" style="display:none">Admin Options</asp:LinkButton></div>
    <div id="leftcontrol">
    <iframe id="LeftIframe" runat="server" ></iframe>
        </div>
    <div id="mainbodyform">

    <iframe id="ContentIframe" runat="server" src="Login.aspx" class="mainiframe" ></iframe>
    </div>
    </div>
    </form>
    </div>
</body>
</html>
<script language="javascript">
    function CPhit() {
        document.getElementById("ContentIframe").src = "LoginNotes.aspx";
    }
    function AddClientHit() {
        document.getElementById("ContentIframe").src = "NewCustomer.aspx";
    }
    function loginSuccess() {
        document.getElementById('lbtnControlPanel').style.display = 'inherit'
        document.getElementById('lbtnAddClient').style.display = 'inherit'
        document.getElementById('lbtnManageClients').style.display = 'inherit'
        document.getElementById('lbtnAdmin').style.display = 'inherit'
    }
</script>

代码隐藏中没有处理此页面的代码，它只是用于导航。有任何想法吗？感谢您的帮助。

4

2 回答 2

2

您需要取消您正在单击的项目的默认单击操作。

简单的方法是在点击事件上返回 false。

onclientclick="CPhit(); return false;"

更好的方法是preventDefault()

于 2012-12-13T20:04:30.593 回答
0

可能与按钮 Try 的行为有关

event.stopPropagation() or  window.event.cancelBubble = true

在你的 JS 函数中

于 2012-12-13T20:04:24.527 回答