`
azheng270
  • 浏览: 93441 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

关于window.showModalDialog 的简单应用,父子窗口之间的传递

 
阅读更多

关于window.showModalDialog 的简单应用,父子窗口之间的传递

parent.htm

<script>
functionshowmd(id)
{
varsRet=window.showModalDialog("md.htm?id="+id,window,"scroll:0;status:0;help:0;resizable:0;dialogWidth:200px;dialogHeight:170px");
if(sRet=="refresh")//子窗口返回的值
{
window.location.reload();
}
}
</script>
<inputtype="button"value="显示对话框"onclick="showmd('35')"/>


md.htm

<script>
functionclosemd()
{
varparentwindow=window.dialogArguments;//接父窗口传来的对象
window.returnValue="refresh";//传回父窗口的值
parentwindow.location="http://www.baidu.com";
window.close();
}
</script>
<inputtype="button"value="关闭对话框"onclick="closemd()"/>

传递对象到子窗口 和 返回值到父窗口 的代码都以示出

分享到:
评论

相关推荐

    window.showModalDialog以及window.open用法简介

    在网页开发中,有时我们需要打开新的窗口或者弹出对话框来与用户进行交互。`window.showModalDialog`和`window.open`是JavaScript中用于...在处理父子窗口间的通信时,两者都可以利用`window.opener`属性实现数据交换。

    JavaScript中window.showModalDialog()用法详解

    总的来说,window.showModalDialog()是JavaScript中一个功能强大的API,可以让开发者方便地创建模态对话框,并且能够很好地管理父子窗口之间的交互。但在使用时,需要注意浏览器兼容性问题,并且要合理利用API提供的...

    ShowModalDialog父窗体向子窗体传值

    同时,`showModalDialog`和`showModelessDialog`的返回值(`returnValue`)可以用于从子窗口向父窗口传递信息。例如,子窗口可以设置`window.returnValue`,然后在父窗口中获取: ```javascript // 在子窗口中 ...

    JS弹出窗口的各种传值方法.pdf

    总结来说,这个示例展示了JavaScript中使用`window.showModalDialog()`进行父子窗口间通信的方法。通过对话框参数和`window.returnValue`,可以方便地在两个窗口之间传递数据和控制窗口状态。这种方式对于需要在多个...

    js操作模态窗口及父子窗口间相互传值示例

    在现代网页设计中,模态窗口是一种常见且实用的界面元素,它能够以悬浮层的形式提供用户交互...对于现代Web应用开发来说,了解并掌握父子窗口间的数据传递技术,对提升用户体验以及满足特定的业务需求是非常有帮助的。

    window.dialogArguments 使用说明

    `window.dialogArguments` 是一种在旧版IE中实现父子窗口通信的方式,主要用于对话框和原窗口之间的数据交换和DOM操作。在现代Web开发中,为了保持良好的跨浏览器兼容性,开发者应考虑使用更通用的技术来替代。

    javascript中showModalDialog子页面值赋给父页面

    在JavaScript编程中,`showModalDialog`是一个古老但仍然有用的函数,用于打开一个新的浏览器窗口或对话框,并与父页面进行交互。这个功能在处理用户输入、显示信息或进行特定操作时非常有用。在这个场景中,我们...

    javascript showModalDialog,open取得父窗口的方法

    通过这种方式,即使在不同的窗口或框架间,也可以实现父子窗口之间的数据交互和操作。 最后,关于文章内容中的OCR识别错误问题,由于扫描识别过程中技术原因可能导致个别字识别错误或遗漏,需要理解上下文意思并...

    JS简单实现父子窗口传值功能示例【未使用iframe框架】

    在这个场景中,我们通常会使用`window.open()`或`window.showModalDialog()`方法来创建子窗口,并通过特定的API来实现父子窗口之间的通信。在本示例中,我们将探讨如何在不使用iframe框架的情况下,利用JavaScript...

    父子页面相互调用总结

    在IT行业中,父子页面之间的通信是一项常见的需求,特别是在构建复杂Web应用时。本文将深入探讨四种主要的方法:`showModelessDialog`、`window.open`、`showModalDialog`以及`iframe`,来实现这样的交互。 首先,...

    open 关闭子页面刷新父页面

    在子窗口完成其任务并关闭时,通常需要向父窗口传递某些信息,以便父窗口能够做出相应的反应,比如刷新其内容。在给定的代码中,`retrunValue`函数被设计为在子窗口关闭前执行。这个函数首先触发父窗口中的一个按钮...

    javascript实现从子页与父页传递参数

    在JavaScript编程中,有时我们需要在不同的页面之间传递数据,特别是在有子页面弹出或新窗口打开的情况下。这个过程可以通过多种方式实现,包括使用全局变量、URL查询字符串、存储在window对象上或者通过JavaScript...

    JAVASCRIPT.ppt

    例如,`window.showModalDialog()`和`window.showModelessDialog()`是两个对话框函数,它们可以打开一个新的窗口来显示指定URL的内容。`sURL`参数是必需的,指定了对话框加载的页面地址;`vArguments`是可选的,可以...

    js创建子窗口并且回传值示例代码

    这种方法适用于简单的父子窗口数据交互场景,但需要注意,由于浏览器安全策略的变化,`showModalDialog()`在现代浏览器中可能不被支持或有限制。在实际开发中,可能会选择更加现代的解决方案,如使用弹出窗口(`...

    有道JavaScript监听浏览器的问题

    同时,JavaScript还提供了父子窗口间的互操作性功能,例如通过window.opener属性访问打开当前窗口的父窗口,以及使用window.showModalDialog方法以模态对话框形式打开新窗口。但是,在某些特殊情况下,当我们无法...

    .NET中利用js让子窗体向父页面传值的实现方法

    在.NET开发中,有时我们需要在子窗口中进行操作并把结果传递回父窗口,以便在父窗口中继续处理。本文将详细介绍如何利用JavaScript在.NET环境下实现在子窗口中向父页面传值的方法。 首先,我们要在子页面的C#后台...

Global site tag (gtag.js) - Google Analytics