JavaScript - 是否可以在单独的页面中从 div 获取高度？

Question

我想知道，是否可以使用 JavaScript 从单独的页面收集特定 div 容器的高度？我正在使用 jQuery 顺便说一下，我需要比较 div 容器的高度。

编辑:为了更清楚一点，我使用 jQuery 从单独页面中的特定 div 加载内容。此内容淡入具有动态高度的不同容器中。但是在内容到达之前的一小部分时间内，它会缩小到最小高度。

到目前为止，我所做的是收集装载前后容器的高度。但它只在我加载一次内容后才有效。因为我没有第一次加载之前的高度。

Answer 1

如果页面之间的关系是opener和[popup|child] window，那么是。

否则，您将遇到安全墙。 (不相关的页面不应该相互访问)

因此，如果“其他”页面是您的页面启动的弹出窗口，或者您的页面“启动”的子 iframe，那么可以。

我会使用 jQuery .height() 方法来获取高度，但是如何获取对象取决于您(取决于您拥有的属性信息等)

//get from popup
var otherDiv = popupWinRef.document.getElementbyId('id');

//get from iframe
var otherDiv = window.frames[frameIdOrIndex].document.getElementById('id');

alert($(otherDiv).height());