HTML - iframe重新加载和父重新加载之间的区别

时间:2014-04-04 15:02:31

标签: javascript html

在“myIframe”中:

当我重新加载Iframe时,我的页面内的javascript不会被执行:

myIframe:

alert("reloaded");
$('.selectedTab').click(function() {
     document.getElementById("myIFrame").contentDocument.location.reload(true);
});

但如果我重新加载其父页面,则重新加载javascript。

parent.location.reload();


这两种方法有什么区别?
可以重新加载Iframe包含而不通过父页面而不请求服务器,只需“重放”已经获得的数据?

1 个答案:

答案 0 :(得分:0)

正如Kevin B所说,这似乎与内容位置有关。确保Iframe src也来自与父相同的域。

http://jsfiddle.net/55Ewm/ - 似乎对我有用。

<script>
window.onload = function() {
   alert("reloaded");
   $('.selectedTab').click(function() {
       document.getElementById("myIFrame").contentDocument.location.reload(true);
   });
}
</script>

<button class="selectedTab">Reload Iframe</button>
<iframe id="myIFrame" src="/" />