showModalDialog 窗口自适应宽度与高度

作者:vkvi 来源:千一网络(原创) 日期:2009-2-16

我们希望 showModalDialog 弹出的窗口刚好显示完页面内容,这样就不会也不需要出现滚动条。

在 Firefox 中,无法通过 dialogWidth 和 dialogHeight 来改变窗口大小,IE 中却可以,但由于 Firefox 认为 dialogWidth 和 dialogHeight 仅是内容区,而 IE 中还包括了标题栏等,所以我们就有了变通的解决办法。

  • 首先在 Firefox 环境下调试,让内容刚好显示完。
  • 然后,我们再增大 dialogWidth 和 dialogHeight。由于 IE 中指定的 dialogWidth 和 dialogHeight 还包含了标题栏等,所以 IE 中肯定是没有显示完的。
    window.dialogHeight = (parseInt(window.dialogHeight) + (document.body.scrollHeight - document.body.clientHeight)) + "px";

宽度也是类似道理。注意:要把上述代码放在 window.onload 事件处理程序中执行,也就是说由 window.onload 去触发上述代码。

在 Firefox 中,为 window.dialogHeight 设置新值,不会出错,只是没效果罢了,所以以上代码在 Firefox 中也不会报错。放心地用。

相关阅读

你前面那位网友看了:Android 用 zxing 扫描二维码

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
  • 1 楼:w
    dd
标题:必填
内容:
vkvi
vkvi

作者简介: vkvi,致力于 .NET Web 开发、移动开发的技术推广,在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验,10 年间共计撰写文章 4000 余篇。 主持金融、国土、农业、电商等多个行业项目执行, 推行“技术提升生产力、人心决定成功率”的管理理论。 联系他