html - 提交时的 iFrame 和更改页面

Question

我的网站上有一个 iFrame 元素，它提供了一个在回答某些问题后提交的表单。我试图在完成后将页面重定向到感谢页面，但在执行此操作时遇到了困难。有没有办法检测表单何时已成功提交？我已经尝试过 onsubmit 和 onload 调用，但这些似乎没有帮助。如有必要，我可以提供代码，但目前在移动设备上。

我正在使用 vue.js

谢谢！

标签： htmlcssvue.jsiframenuxt.js

Answer 1

这与我认为您要问的类似。这是一个 JavaScript 解决方案，您可以在一个 iframe 中打开多个页面。**我也在手机上，所以我无法测试这个，我是凭记忆做的，但我希望这至少能让你开始。

html:

<button onclick="nextPage(frameSource)">Submit</button>
<iframe class="myFrame" src="" id="myIframe" scrolling="no"></iframe>

JavaScript：

function nextPage(frameSource){
     document.getElementById("mainIframe").src = frameSource;

}

function choosePages(){
     var thePages = pageName + ".html";
     nextPage(thePages);
}