window.open()与window.showModalDialog区别

最新推荐文章于 2025-05-30 10:47:34 发布

黄美丽的美丽

最新推荐文章于 2025-05-30 10:47:34 发布

阅读量557

点赞数

本文介绍如何在子窗口中调用父窗口的控件或方法。包括使用window.open时的window.opener属性，以及使用showModalDialog时传递父窗口实例进行交互的方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

子窗口调用父窗口的东东(控件或者方法)：
   1. window.open打开的子窗口有window.opener属性
     子窗口通过window.opener.xxxx获得父窗口的东东。
     如：window.opener.document.getElementById("userName");得到父页面的控件。
       window.opener.fresh();调用父页面的js方法。
   2. window.showModalDialog：不支持window.opener，
      子窗口通过window.dialogArguments.xxxx获得父窗口的东东。
      父窗口通过showModalDialog(url,para,feature)第二个参数para传参数给子窗口，
      子窗口通过window.dialogArguments获得父窗口穿过来的东西。

      如：这里传父页面的window过去
        父页面：showModalDialog(url,window,feature)
       子页面：var name = window.dialogArguments.document.getElementById("userName").value;得到父页面的控件。
            var name = window.dialogArguments.fresh();调用父页面的方法。
      这里的window.dialogArguments里的window代表父页面的window，它是通过showModalDialog方法的第二个参数window传过来的，