window.open 根据动态内容自动调整高度和宽度答案

【问题标题】：window.open auto resize height and width according to dynamic contentwindow.open 根据动态内容自动调整高度和宽度
【发布时间】：2012-09-07 17:25:35
【问题描述】：

我将 div 值传递给 window.open 弹出窗口，该弹出窗口应根据内容调整高度，但是当我使用 auto 时，它只会打开一个新窗口。我试过这段代码，但不起作用

  function openPopup() {

            var divText = document.getElementById("pass").outerHTML;
            var myWindow = window.open('', '', 'width=500,height=auto');
            var doc = myWindow.document;
            doc.open();
            doc.write(divText);
            doc.close();
    }

【问题讨论】：

标签： javascript popup

【解决方案1】：

我强烈推荐你使用JQuery window，因为当你使用window.open 时，PopupBlocker 会给你带来问题。这种方式的窗口也有很多限制，但是在JQuery窗口中你可以显示动态内容，它就像一个魅力。

顺便说一句，如果你必须这样做，窗口的“高度”属性没有“自动”值。因此，您应该在弹出窗口中打开页面中处理“onload”事件，并在加载窗口时计算所有内容并调整窗口大小。

干杯

【讨论】：

是的。确切地。亲爱的，这就是你所需要的。
几年后，我会说这对所有情况都是一个很好的建议。例如，如果要加载pdf内容，我建议直接打开浏览器窗口。
@Okipa — 我不同意：模式对话框不是新窗口。尽管我确实大量使用了 jQuery 对话框，但我偶尔想在当前窗口外部显示可视元素——当您有大屏幕或其他屏幕时，这是一个非常有用的功能。 jQ 对话框是 window.document 的子对象，你永远不会创建，而 window.open 会——这就是“弹出式”窗口（毕竟……奇怪的名字）的用途。