Question

我更改了iframe的来源，但它重新加载了页面，我无法弄清楚原因。 HTML：

        <div id="fill">
            <iframe id="frame" style="width: 88.97vw; height: 90vh" src="html/question1.html">

            </iframe>
        </div>
            <form>
                <input type="submit" value="question1" class="menuBut">
                <input type="submit" value="question2" class="menuBut">
                <input type="submit" value="question3" class="menuBut">
            </form>

我的页面是一个测验，我希望iframe在按下按钮时更改问题。 JQuery的：

var url;

function callMe() {
    $(".menuBut").click(function () {
        $("#frame").remove();
        url = this.value;
        $("#fill").append('<iframe id="frame" width="200px" height="700px" src="html/' + url + '.html"></iframe>');
    });
}

$(document).ready(function () {
    callMe();
});

源应该更改为页面＆＃34; html / questionX.html＆＃34;其中X取决于按下的按钮。但是，它不会调整iframe，而是刷新页面。请支持。

Answer 1

在按钮上使用Swift_TransportException in AbstractSmtpTransport.php line 383: Expected response code 250 but got code "530", with message "530-5.5.1 Authentication Required. Learn more at而不是type="button"。否则，按钮会提交导致页面重新加载的表单。

Answer 2

如果您只是想要按钮，则无需使用表单，并且您当然不需要提交按钮来触发Javascript。只需使用常规按钮，就像这样......

<div id="fill">
    <iframe id="frame" style="width: 88.97vw; height: 90vh" src="html/question1.html"></iframe>
</div>
<button type="button" value="question1" class="menuBut">question 1</button>
<button type="button" value="question2" class="menuBut">question 2</button>
<button type="button" value="question3" class="menuBut">question 3</button>

提交按钮导致表单被提交，基本上将所有表单数据发布到页面本身，导致重新加载。

Answer 3

单击事件处理程序末尾的

return false;，用于停止传播以及提交按钮的默认行为。

更改iframe重新加载页面的来源

3 个答案: