javascript - 在 Javascript 中调整模态窗口的大小

Question

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

window.resizeTo(800, 600);

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

score 6 · Accepted Answer

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

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

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

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

score 3 · Accepted Answer

您需要识别元素或容器 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
由于这不是今天大多数人所描述的“模态”，它更像是一个新的窗口弹出窗口，这行代码应该适合你（在这里找到）：

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

2 回答 2