使用JavaScript查找最佳弹出窗口大小

Question

我有一个带动态内容的小弹出窗口。没有什么太复杂的了。它只有一个表格，里面有一些文字。

如何找到窗口的高度和宽度，以便其内容完全显示？

对窗口维度使用任意静态值的问题在于它可以取决于浏览器的字体设置。

如果无法做到这一点，通常的做法是什么？

感谢。

Answer 1

将要放入弹出窗口的HTML内容复制到位于页面外的div中，对其进行测量，然后删除div。我不知道道场，对不起，但这是一种在jQuery中实现它的方法：

var measuringDiv = $('<div class="sameAsPopupContainer" style="position:absolute; left:9999px; top:0px"></div>');
$('body').append(measuringDiv);
measuringDiv.html(theHtmlForTheTable);
heightOfContent = measuringDiv.width();
widthOfContent = measuringDiv.height();
measuringDiv.remove();

我认为dojo有类似的方法。重要的是你正在创建的off-page div保持与弹出容器相同的样式规则，这可能有点棘手。