Javascript 弹出窗口（最小）高度答案

【问题标题】：Javascript popup window (minimum) heightJavascript 弹出窗口（最小）高度
【发布时间】：2010-12-01 19:08:57
【问题描述】：

我正在创建一个简单的弹出窗口，窗口高度不会调整为 30 像素。它始终默认为 100 像素。此行为出现在所有浏览器中。我错过了什么吗？

var myWindow;

function openWindow(url)  
{
    var windowFeatures = "width=530,height=30,status,resizable=no,scrollbars=0";
    myWindow = window.open(url, "welcome", windowFeatures);
}

这是我的链接

<a href='javascript:void(0)' onclick=openWindow('http://www.stackoverflow.com')> Open the window  </a>

【问题讨论】：

标签： javascript popup window

【解决方案1】：

不，这就是它的工作方式。您传递给window.open 的“功能”只是请求，浏览器可以随意忽略其中的任何一个或全部。大多数浏览器和/或底层操作系统本身都为窗口设置了最小宽度和高度——您无法通过 JavaScript 进行更改。

【讨论】：

所以我想我只需要接受我需要以 100 像素的最小高度构建窗户吧？哎哟。该设计要求 10 个窗户相互叠放。每个窗口高度为 30 像素。所以现在我似乎会遇到屏幕分辨率和可视区域的问题，因为现在窗口的总高度将超过 1000 像素。
@Preston：10 个窗口是相当多的——我不认为用户会喜欢这样。是时候重新考虑您的设计了吗？
这 10 个窗口创造了一个设计。它旨在被视为艺术，因此目标受众是创意类型。很像音乐视频thewildernessdowntown.com
在这个网站上，thewildernessdowntown.com，他们在左下角有多个很小的窗口。我正在努力实现这一目标。也许这是 HTML 5 的一项功能？
@Preston：很有趣。 :) 但是标题栏和其他元素不会从吸引力中删除 - 或者那是艺术的一部分吗？

【解决方案2】：

大多数浏览器将最小窗口大小设置为 100 像素左右，这样恶意用户就不会制作小窗口来做糟糕的事情。即使是精心设计的足够小的窗口，用户也很难找到并关闭它。

也许 lightBox 或 simpleModal 类型的解决方案会有所帮助？您可以更好地控制显示区域的大小。

【讨论】：

感谢您的意见。我正在尝试打开多个窗口并相对于彼此定位（一个在彼此之上），因此模态不会起作用。至少我知道。
不，这不是一个选项。考虑也许将您的内容安排在一个窗口内 - 然后您可以将它们放在一起。您甚至可以为每个部分添加关闭按钮并让用户隐藏它们。您甚至可以计算窗口的新高度并在它们关闭时进行调整。

【解决方案3】：

好吧，经过一番修改后，我忘记了使用 resizeTo() 方法。不敢相信我之前没有想到这一点。（浪费了 2 小时）

【讨论】：