JavaScript父子窗口传值:showModalDialog与Firefox window.open实例

2 下载量 15 浏览量 更新于2024-08-30 收藏 71KB PDF 举报
本文档主要介绍了JavaScript中window.open()方法及其在Firefox中的使用,以及与showModalDialog()函数在父子窗口间传递值的相关示例。window.open()是JavaScript中用于创建新窗口的内置函数,它在Java1.0+、J1.0+、Nav2+、IE3+和Opera3+等浏览器环境中得到了支持。其基本语法包括三个参数:页面URL(子窗口路径)、窗口句柄(name)以及可选的窗口参数(如尺寸、位置、可见性等)。 窗口参数详细说明了如下的选项: 1. `alwaysLowered` 和 `alwaysRaised`:控制窗口的位置,前者使窗口隐藏在其他窗口之下,后者则让窗口浮动在其他窗口之上。 2. `depended`:决定子窗口是否随其父窗口关闭。 3. `directories`:仅对Nav2和3版本,控制目录栏的可见性。 4. `height` 和 `innerHeight`:分别指定了窗口的整体高度和文档区域的高度。 5. `hotkeys`:允许设置安全退出热键。 6. `innerWidth`:文档区域的宽度。 7. `location`:控制位置栏的显示。 8. `menubar`:菜单栏的可见性。 9. `outerHeight` 和 `outerWidth`:包括装饰边框在内的窗口总尺寸。 10. `resizable`:窗口是否允许调整大小。 11. `screenX` 和 `screenY`:窗口初始时距离屏幕边缘的距离。 12. `scrollbars`:控制滚动条的存在与否。 13. `titlebar`:窗口标题栏的可见性。 14. `toolbar`:工具栏的可见性。 15. `Width`:窗口的宽度。 16. `z-index` 或 `z-look`:窗口在堆叠顺序中的位置,使其在激活时浮于其他窗口之上。 文章还提到了两个特定版本的JavaScript函数:`showModalDialog()`(IE4+支持)和`showModelessDialog()`(IE5+支持),这些函数用于不同类型的对话框显示模式。在父子窗口间传递值的示例部分,可能会涉及到如何通过window.postMessage()、queryParameters或在父窗口设置回调函数等方式来实现数据的交互,但具体代码示例并未在提供的内容中给出。 阅读本文将帮助开发者理解如何在JavaScript中有效地利用window.open()进行窗口操作,并且了解如何在不同浏览器环境下处理窗口间的数据共享问题,尤其是在Firefox等浏览器中可能遇到的一些特殊要求。