即使src不同,也有2个具有相同显示的iframe

时间:2010-04-28 16:33:49

标签: browser iframe cross-browser

我正在使用此代码:

<div class="infobox-pair">
<div class="ibp-left">
    <iframe width="105" height="350" frameborder="0" scrolling="no" style="width: 311px; height: 105px;" marginwidth="0" marginheight="0" name="infobox_flight" id="ibp-left-iframe" src="http://mywebpage.com/paris"></iframe>
</div>
<div class="ibp-right">
    <iframe width="105" height="350" frameborder="0" scrolling="no" style="width: 311px; height: 105px;" marginwidth="0" marginheight="0" name="infobox_package" id="ibp-right-iframe" src="http://mywebpage.com/lisbonne"></iframe>
</div>

这是在同一个div中显示两个不同的iframe。当我显示页面时,无论浏览器是什么,我都可以获得iframe的相同内容,即使查看源代码iframe仍然不同(基于他们的src和id)。

它不会100%发生,我有时需要多次刷新才能看到它。

你有任何线索吗?

提前致谢

2 个答案:

答案 0 :(得分:1)

要注意的一点是,当您在IE和其他浏览器中刷新时,浏览器将保留iframe的“当前”src =“”值,因此如果您在iframe中导航了一下,那么点击F5 ,每个iframe的当前最后一个导航路径仍在iframe中。是否有可能以某种方式导航到同一页面?

在刷新(f5)上将iframe重置为“重置”回到初始src值的唯一可靠方法是使用javascript将其src设置为页面加载事件的一部分。我建议将标记中的初始src设置为“about:blank”,alwyas以编程方式更改它。

答案 1 :(得分:0)

这已经很长时间了,但有一些可能对网络开发人员有帮助的其他信息。

如果您之前在浏览器中加载了iFrame 1,则新添加的iFrame 2将显示相同的内容,即使多次刷新后也是如此。尝试按 Ctrl + F5 ,或在浏览器中清除临时文件,这可以将iFrame src重置为正确的值。