javascript - 新窗口/选项卡无法通过新窗口/选项卡中的脚本关闭

Question

我有 2 页。一个是主页，一个是表单页。当我单击主页上的按钮时，我希望表单作为新选项卡/窗口弹出，当用户完成后，他们可以单击新表单页面上的“关闭”按钮来关闭窗口并返回主页.

我正在使用以下 JavaScript 打开一个新窗口:

// This javascript is on the MAIN page
window.open("http://www.baseurl.com/form", "UserForm");

我在弹出窗口上有一个“关闭”按钮，我想用它来关闭新窗口并返回到我的 Mian 页面。像这样:

// This javascript is on the FORM page
$(document).on("click", "a#close_form", function(event){
    event.preventDefault();
    window.close;
}

即使表单页面是使用 Javascript 打开的，关闭 按钮也不起作用。

我做错了什么？

Answer 1

close 是一个方法 - 您需要通过在末尾添加 () 来调用它。

$(document).on("click", "a#close_form", function(event){
    event.preventDefault();
    window.close(); // < added brackets to call the function
}

您当前的代码只是获取对函数的引用而不是执行它。