表单提交和子页面重定向后如何运行 JS 代码？

Question

我在 HTML 中有一个form ，如下所示：

<form action="/home.html" method="post" name="loginForm" target="_top" id="login-form" onsubmit="func(this);"></form>

此表单在提交时会将当前网页更改为/home.html 。 我要做的是在网页更改后执行特定的JS代码，只有表单所在的网页才知道。 我将如何 go 这样做？

Answer 1

由于 JavaScript 执行不会在不同的加载文档中持续存在，因此您无法仅从原始页面执行此操作。 您需要将所需的所有 JavaScript 功能放入home.html包含的脚本文件中。

如果您需要将变量从原始页面传递到/home页面，您可以将它们包含在<form>中，以便您的后端可以将它们回显到新的目标页面，或者将它们作为目标页面解析的查询参数包含在内用途。

Answer 2

我想出了一个办法来做到这一点。 创建一个命名为 iframe，然后将表单元素的目标属性设置为 iframe 的名称。 将 iframe 设为全屏，那么您实际上可以按照我的要求进行操作，因为当表单提交时，响应将放入 iframe 而不是整体选项卡，并且原始页面将具有执行权限。 请注意，这仅适用于 iframe 与父节点具有相同来源的情况。