表單提交和子頁面重定向后如何運行 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 與父節點具有相同來源的情況。