【问题标题】:iFrame and changing page when submitted提交时的 iFrame 和更改页面
【发布时间】:2021-11-21 18:00:47
【问题描述】:

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

我正在使用 vue.js

谢谢!

【问题讨论】:

    标签: html css vue.js iframe nuxt.js


    【解决方案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);
    }
    

    【讨论】:

    • 这会将我重定向到另一个页面还是允许我显示一个带有感谢文本的框以提交 iFrame 表单?
    • 点击按钮后将您重定向到另一个页面。只需将主页添加到 iframe 源,然后将感谢页面添加为 frameSource。 frameSource 页面应出现在按钮单击时。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-06-21
    • 2012-08-02
    • 1970-01-01
    • 2023-04-04
    • 1970-01-01
    • 2010-12-06
    • 1970-01-01
    相关资源
    最近更新 更多