Javascript 如何设置弹出窗口的宽度

Javascript 如何设置弹出窗口的宽度,javascript,jquery,html,css,popup,Javascript,Jquery,Html,Css,Popup,我希望使用javascript/jquery确保弹出窗口的宽度在设置的维度内(即弹出窗口大小为700 x 500)。我认为这在CSS中是不可行的——我怀疑一个简单的body标签高度和宽度样式不能确保每次弹出时都有合适的大小。我在下面使用的代码不起作用,我也不完全确定原因 $(document).ready(function() { window.resizeTo(500,500) }); 示例取自developer.mozilla.org windowObjectReference = w

我希望使用javascript/jquery确保弹出窗口的宽度在设置的维度内(即弹出窗口大小为700 x 500)。我认为这在CSS中是不可行的——我怀疑一个简单的body标签高度和宽度样式不能确保每次弹出时都有合适的大小。我在下面使用的代码不起作用,我也不完全确定原因

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

示例取自developer.mozilla.org

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

一种简单的方法是使用JavaScript设置元素样式,并计算窗口的高度和宽度(document.height,document.width)。因此,检查窗口大小是否大于1024(或类似的大小),然后将内容(弹出窗口)的高度设置为700,如果文档的大小小于。。。计算出你想要的尺寸,类似这样


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

你可以在函数中设置窗口大小。你应该在谷歌中使用你的标题……作为JS新手,我认为我在谷歌上发现的东西不太合适,有额外的输入或视角总是帮助我学习。所以,谢谢你们的反对票,我相信你们都是因为它而成为更好的程序员。
window.open('popup.html','resizable=no,height=700,width=500');