javascript - 当我更改其在 DOM 中的位置时，如何停止重新加载 iframe？

Question

当我更改其在 DOM 中的位置时，是否有任何方法可以阻止 iframe 重新加载其内容？简单示例:

<script type="text/javascript">
function moveiframe() {
    var dest = document.getElementById('newparent');
    dest.appendChild(document.getElementById('googleframe'));
}
</script>
<iframe src="http://www.google.com" id="googleframe"></iframe>
<input type="button" onclick="moveiframe()" value="Move" />

单击“移动”按钮会更改 iframe 的父级，并重新加载其内容(在 Firefox 和 Chrome 中，但不在 IE 中)。

如有任何建议，我们将不胜感激!

[更新了背景信息]

我在页面底部的占位符 div 中加载网站的广告(以防止广告加载阻碍页面加载)- 然后在加载后将它们写入的 div 转移到正确的容器中。一切都很好......除非转换的广告使用 iframe(如 google adsense)，在这种情况下，广告会加载两次并且转换会一团糟。

Answer 1

考虑到您的测试用例的简单性，看起来您唯一可用的将一个元素放入另一个元素的方法总是会强制重新加载内容。

[编辑] 看到您要执行的操作后，您可以尝试以下几项操作:

1. 所有广告都可以在 IFRAME(在您自己的网站上)中转换，它不会阻碍页面加载，并且可以立即放置在正确的位置。
2. 如上所述，IFRAME 不会阻止页面加载，因此如果它们是 IFRAME，您可以立即将广告放在适当的位置，如果是其他内容，则将它们加载到底部。当然，如果缓慢的部分是在您知道是否要获得 IFRAME 之前，这将不起作用。
3. 您可以将内容保留在它的占位符 DIV 中，但是当它完成加载时，只需重新定位(使用 CSS 绝对定位)到页面中的正确位置。不是最优雅的解决方案，但应该可以正常工作。