如何在表单提交完成后关闭浏览器窗口

我有旧文件已更改。此文件/项目修改的请求之一是当用户单击OK提交表单并关闭当前浏览器窗口时。我想知道这是否可以用普通/普通的JavaScript来实现？所以我有表单和按钮：

<form name="test" id="test" action="/save_form.cfm">
   <input type="submit" value="OK">
</form>

是的，JavaScript 可以关闭当前窗口，但请记住，如果浏览器打开了其他选项卡，浏览器将不会关闭。

var closeBtn = document.querySelector("#test input");
closeBtn.addEventListener("click", ()=>{
    window.close()
})

您可以简单地使用：

window.close();

您可以在输入标签中键入它，也可以在单击按钮时使用该代码制作新的脚本标签。

例如

<input type="submit" value="OK" onclick="closeWindow();">

此外，您可以将返回 false 添加到"onclick"以防止默认操作。

您可以使用如下所示onSubmit事件来调用函数，然后在完成后使用 window.close() 关闭窗口。

window.close();

但是，您不能关闭任何窗口。它只有在您自己打开时才有效。(安全功能(。

这里已经详细回答了：

假设窗口是使用 window.open() 打开的，让您的save-form.cfm返回一个带有脚本标记的基本 html 页面，以便在提交和验证成功时关闭窗口

<html>
<body>
  <script>window.close()</script>
  <p>Window should close automatically</p>
</body>
</html>

相关内容