如何设置弹出窗口的宽度答案

【问题标题】：How can I set the width of a popup window如何设置弹出窗口的宽度
【发布时间】：2014-03-12 17:42:31
【问题描述】：

我想确保弹出窗口的宽度在使用 javascript/jquery 设置的尺寸范围内（即弹出窗口大小为 700 x 500）。我认为通过 CSS 严格来说这是不可行的——我怀疑 body 标签高度和宽度的简单样式不会确保每次弹出时都具有正确的大小。我在下面使用的代码不起作用，我不完全确定为什么。

$(document).ready(function() {
  window.resizeTo(500,500)
});

【问题讨论】：

可以在window.open函数中设置窗口大小
您应该在 google 中使用您的标题...
作为 JS 的新手，我认为我在 Google 上找到的内容不太合适，并且有额外的输入或观点总是有助于我学习。所以，谢谢你的反对，我相信你们都是因为它而成为更好的程序员。

标签： javascript jquery html css popup

【解决方案1】：

示例取自 developer.mozilla.org

windowObjectReference = window.open(
    "http://www.domainname.ext/path/ImgFile.png",
    "DescriptiveWindowName",
    "width=420,height=230,resizable,scrollbars=yes,status=1"
);

【讨论】：

【解决方案2】：

window.open('popup.html','resizable=no,height=700,width=500');

【讨论】：

【解决方案3】：

一种简单的方法是使用 JavaScript 设置元素样式，并使用窗口的高度和宽度（document.height、document.width）进行一些计算。所以，检查窗口大小是否大于 1024（或类似的东西），然后将内容的高度（弹出窗口的）设置为 700，如果文档的大小更小......用 to 进行计算达到你想要的尺寸，像这样；

document.getElementById('divId').style.height = window.height / 2 )

【讨论】：