JQuery Onload刷新iframe

Question

我有一个包含iframe的页面。

我的问题是我有时需要修改iframe的页面，但更改没有显示在主页面上，除非我转到那个框架并手动重新加载。

有没有办法在页面加载时刷新iframe或以类似方式对此问题进行排序？

Answer 1

你可以做好文件准备工作：

$(document).ready(function() {
    $('#your_iframe_id').attr( 'src', function ( i, val ) { return val; });
});

你是不是那个意思

Answer 2

重新设置iframe的src属性足以使其重新加载。例如：

$(function() {
  $('#idOfIFrame').attr('src', 'http://yourDomain.tld/yourPage');
});

将导致iframe加载http://yourDomain.tld/yourPage。

或者，如果iframe src与外部页面在同一个域中，则可以通过以下方式触发刷新：

document.getElementById('idOfIFrame').contentDocument.location.reload(true);

Answer 3

提供iframe与父页面位于同一个域中，以下JavaScript将执行重新加载：

document.getElementById('iframeID').contentDocument.location.reload(true);

您可以在需要刷新时使用它。