Каков наилучший способ перезагрузить / обновить iframe?

Question

Я бы хотел перезагрузить <iframe> с помощью JavaScript. Наилучший способ, который я нашел до сих пор, - это присвоить атрибут iframe src самому себе, но он не очень чистый. Есть идеи?

Answer 1

Рассматривали ли вы добавление в URL бессмысленного параметра строки запроса?

<iframe src="myBaseURL.com/something/" />

<script>
var i = document.getElementsById("iframe")[0],
    src = i.src,
    number = 1;

//For an update
i.src = src + "?ignoreMe=" + number;
number++;
</script>

Это не будет видно, и если вы знаете, что параметр безопасен, то все должно быть в порядке.

Answer 2

Используйте reload для IE и установите src для других браузеров. (перезагрузка не работает на FF) протестировано на IE 7,8,9 и Firefox

if(navigator.appName == "Microsoft Internet Explorer"){
    window.document.getElementById('iframeId').contentWindow.location.reload(true);
}else {
    window.document.getElementById('iframeId').src = window.document.getElementById('iframeId').src;
}

Answer 3

В IE8 с использованием .Net, установка iframe.src в первый раз в порядке, но установка iframe.src во второй раз не повышает page_load страницы в фрейме. Для ее решения я использовал iframe.contentDocument.location.href = "NewUrl.htm".

Откройте для себя это, когда используете jQuery ThickBox и пытаетесь открыть ту же страницу в iframe Thickbox. Затем он просто показал ранее открытую страницу.

Answer 4

Если вы используете Jquery, тогда есть одна строка кода.

$('#iframeID',window.parent.document).attr('src',$('#iframeID',window.parent.document).attr('src'));

и если вы работаете с одним и тем же родителем, то

$('#iframeID',parent.document).attr('src',$('#iframeID',parent.document).attr('src'));

Answer 5

Теперь, чтобы сделать это на Chrome 66, попробуйте это:

const reloadIframe = (iframeId) => {
    const el = document.getElementById(iframeId)
    const src = el.src
    el.src = ''
    setTimeout(() => {
        el.src = src
    })
}

Answer 6

Если все вышеперечисленное не работает для вас:

window.location.reload();

Это по какой-то причине обновило мой iframe вместо всего скрипта. Может быть, потому что он помещен в сам фрейм, а все эти решения getElemntById работают, когда вы пытаетесь обновить фрейм из другого фрейма?

Или я не совсем понимаю это и говорю тарабарщину, в любом случае, это сработало для меня как шарм:)

Answer 7

Использование self.location.reload() перезагрузит iframe.

<iframe src="https://vivekkumar11432.wordpress.com/" width="300" height="300"></iframe>
<br><br>
<input type='button' value="Reload"  onclick="self.location.reload();" />

Answer 8

Другое решение.

const frame = document.getElementById("my-iframe");

frame.parentNode.replaceChild(frame.cloneNode(), frame);

Answer 9

<script type="text/javascript">
  top.frames['DetailFrame'].location = top.frames['DetailFrame'].location;
</script> 

Answer 10

Для целей отладки можно открыть консоль, изменить контекст выполнения на кадр, который он хочет обновить, и выполнить document.location.reload()