Question

我想确保弹出窗口的宽度使用javascript / jquery落在设定的尺寸范围内（即弹出窗口大小为700 x 500）。我认为这严格地通过CSS是不可行的 - 我怀疑身体标签的高度和宽度的简单样式将不会确保每次弹出时适当的大小。我在下面使用的代码不起作用，我不完全确定原因。

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

Answer 1

取自developer.mozilla.org的示例

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

Answer 2

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

Answer 3

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

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

如何设置弹出窗口的宽度

3 个答案: