在 Javascript 中调整模态窗口的大小答案

【问题标题】：Resize Modal Window in Javascript在 Javascript 中调整模态窗口的大小
【发布时间】：2009-05-01 18:19:35
【问题描述】：

当某些项目被隐藏/显示时，我正在尝试调整模态对话框窗口的大小。

window.resizeTo(800, 600);

我尝试过使用上述代码，但它似乎不起作用。我认为因为它是一个模态对话框，而不是一个常规窗口。关于如何调整它的大小有什么建议吗？

【问题讨论】：

【解决方案1】：

如果您尝试从窗口本身调整模态对话框窗口的大小，您可能会想使用 javascript window.resizeTo() 或 window.resizeBy()。

但是，这些都行不通。相反，使用：

window.dialogWidth='640px';
window.dialogHeight='480px';

附： Rsolberg：海报确实说过模态对话框窗口。这似乎是我描述它的方式。我不确定这可以解释为与 jQuery 相关。为了避免混淆，我会删除 jQuery 答案。

【讨论】：

【解决方案2】：

您需要识别元素或容器 ID 并执行以下操作：

document.getElementById('MyModal').style.height = '500px';
document.getElementById('MyModal').style.width = '800px';

如果您为此使用 jQuery，它可能会容易得多，因为您可以将它附加到实际的显示模式函数。

编辑
在上面的 javascript 函数中，MyModal 将是容器或模式的 ID。例如，如果您使用 DIV 作为模态的外部元素，您可以像这样设置 DIV：

<div id='MyModal' class="IFNEEDED">CONTENTS OF MODEL</div>

编辑 #2
由于这不是今天大多数人所描述的“模态”，它更像是一个新的弹出窗口，这行代码应该适合你（找到它here）：

window.open('http://www.pageresource.com/jscript/jex5.htm','mywindow','width=400,height=200')

【讨论】：

这看起来正是我所需要的。但是，“MyModal”会在页面的哪个位置设置？
谢谢 R，但我想我可能没有完全描述我的场景。我使用 showModalDialog 打开模式，它会在该对话框中打开一个不同的 aspx 页面。我试过通过页面标题和其他一些东西来访问它，但这似乎不起作用。感谢您的帮助！
当您说“模态”时，它是添加到当前网页的图层，还是只是一起打开一个新网页？这像弹出窗口吗？
这是一个弹出窗口。来自同一网站的不同页面会在模态对话框中显示，以用作编辑父页面上网格视图中显示的值的表单。
我添加了更多信息。让我知道这是否有帮助。