Question

我在aspx页面上有代码：

<input id="imgBtnUpdate" type="image" src="../images/update_btn.gif" value="Update" onclick="javascript:showModalPopupUpdate();"/>

脚本也是：

var popUpObj11;
    function showModalPopupUpdate() {

        popUpObj11 = window.open("AddPopup.aspx?mode=Update",
        "ModalPopUp",
        "toolbar=no," +
        "scrollbars=no," +
        "location=no," +
        "statusbar=no," +
        "menubar=no," +
        "resizable=no," +
        "width=450," +
        "height=190," +
        "left = 490," +
        "top=300"
        );
        popUpObj11.focus();
    }

好？当我点击imgBtnUpdate按钮。它向我展示了弹出窗口，这很好。但为什么它重新加载按钮组成的父页面？请指导我......告诉我解决方案。

Answer 1

按如下方式更改您的代码：

<input id="imgBtnUpdate" type="image" src="../images/update_btn.gif" value="Update" onclick="showModalPopupUpdate();return false;"/>

如果onclick事件返回false值，浏览器将不会执行默认操作。

Answer 2

从事件中返回false以防止按钮发布页面：

onclick="showModalPopupUpdate();return false;"

注意：javascript:协议仅在将脚本放入URL时使用。如果您在事件中使用它，则会将其解释为标签。

Answer 3

<强> INPUT type=image Element

创建一个图像控件，当时单击，导致表单立即提交。

尝试给予

return false;

在功能结束时。

最好使用锚标记和嵌入图像来代替<input type="image" />

避免页面加载html图像按钮单击

3 个答案: