`
A牛哥哥
  • 浏览: 150038 次
社区版块
存档分类
最新评论

js 关闭模态窗口时返回一个值

阅读更多
    需求是A窗口打开B窗口(B为模态窗口), B窗口上有两个按钮: "发送" 和 "保存待发", 点击任意按钮, B都会关闭, 然后A窗口需要判断, 如果B中点的是 "发送", A应该加载已经发送的列表, 否则显示保存待发的列表 ,所以在点击B中的按钮后要给A中传一个值来判断B中点的是哪个按钮.

1、打开弹出窗口时把 window 作为第二个参数传入。

 var result = window.showModalDialog(url, window, "dialogWidth=" + width + "px;dialogHeight=" + height + "px;resizable:yes;")

 if (typeof (result) == 'undefined') {

      result = window.ReturnValue;

  }
这个result就是模态窗口关闭后返回来的值

2、在弹出窗口中,执行如下JS,以接收传入的window

 if (typeof (window.opener) == 'undefined') 
  window.opener = window.dialogArguments;

 
3、弹出窗口关闭前,调用如下JS赋返回值

         window.retureValue = "你要返回的值";
        if (window.opener && window.opener != null)
                window.opener.ReturnValue = "你要返回的值";

        window.close();



之前一直不成功, 原因是第一步中没有把原window对象作为参数传递到模态窗口中

博客园davidyang78原创,转载请保留此信息
分享到:
评论

相关推荐

    模态窗口demo及说明

    - `window.confirm()`:显示一条消息并带有确定和取消两个按钮,返回一个布尔值表示用户的选择。 - `window.prompt()`:显示一条消息并请求用户输入信息,同样返回一个字符串表示用户输入的内容。 ##### 2. 使用`...

    javascript调用的模态窗口

    `showModalDialog`执行后,会返回一个值,这个值可以是`dialog.html`页面中通过`window.returnValue`设置的值,用于向调用页面传递信息。 在`showModalDialog.html`和`dialog.html`这两个文件中,`showModalDialog....

    模态窗口页的传值模态窗口页的传值

    - 使用`$.fn.modal('show')`方法打开模态窗口时,可以传递一个选项对象,其中包含要传递的值。 - 在模态窗口的回调函数(如`shown.bs.modal`)中,可以访问这些值并进行处理。 5. **利用事件委托传递值** - 当...

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

    父子窗口间的相互传值是Web开发中经常遇到的一个需求,尤其当模态窗口被用作子窗口时。本文将详细介绍如何使用JavaScript来操作模态窗口,并实现父子窗口之间的数据传递。 首先,我们要了解什么是模态窗口以及如何...

    模态窗口和非模态窗口

    在JavaScript编程中,模态窗口和非模态窗口是两种重要的交互方式,它们用于与用户进行更复杂的交互,提供信息或获取用户输入。模态窗口强制用户先处理该窗口,而不能与页面其他部分交互,直到关闭为止。非模态窗口则...

    ASP.NET模态窗口的实现

    在使用 `showModalDialog` 和 `showModelessDialog` 方法时,可以通过 `window.returnValue` 来向打开对话框的窗口返回信息。返回值可以是字符串、对象等。 例如: ``` parent.htm: str = window.showModalDialog...

    jQuery模态窗口登陆效果.zip

    jQuery模态窗口登陆效果是一个常见的功能,它能够以优雅的方式提供用户登录界面,而不会中断用户的浏览体验。这种效果通常是通过在网页背景上覆盖一个半透明的黑色遮罩层,然后在中心位置弹出一个登录表单来实现的。...

    JS--的模态窗口应用

    JavaScript中的模态窗口和非...总之,JavaScript的模态和非模态窗口提供了一种灵活的方式来增强用户体验,通过创建自定义的交互式对话框。掌握这些技术,开发者能够更好地控制页面流程,提高网页应用的互动性和功能性。

    模态窗口登陆

    后端返回验证结果,前端根据结果决定是否关闭模态窗口并更新界面状态。 7. **安全考虑**:在处理登录信息时,必须遵循安全最佳实践,如使用HTTPS加密通信,防止中间人攻击;存储密码时使用哈希和加盐等方法,保护...

    模态窗口下载问题

    根据提供的信息,我们可以总结出以下知识点...在处理模态窗口中的文件下载问题时,关键在于正确设置JavaScript代码和服务器响应。通过以上分析,我们可以有效地解决模态窗口中无法弹出下载框以及意外弹出新页面的问题。

    HTML模态窗口

    例如,下面的代码展示了一个简单的模态窗口打开示例: ```javascript window.showModalDialog("DialogPage.aspx", "newwin", "dialogHeight:200px; dialogWidth:150px; dialogTop:458px; dialogLeft:166px; edge:...

    模态窗口含ajax和jquery例子

    在网页设计和开发中,模态窗口是一种常见的交互设计元素,它可以在用户当前浏览的页面上弹出一个半透明的窗口,通常用于显示警告、询问、表单输入或展示详细信息等。模态窗口能够保持用户的上下文,而无需跳转到新...

    js关闭模态窗口刷新父页面或跳转页面

    在进行Web开发时,模态窗口是一种常用的交互形式,用于实现数据的弹出编辑、添加等功能。在本场景中,我们有两个窗口,A窗口作为父窗口,B窗口作为模态窗口。用户在A窗口中点击一个按钮后,会弹出B窗口供用户操作。...

    JS模态窗口返回值兼容问题的完美解决方法

    模态窗口可以通过多种方式实现,其中使用JavaScript(JS)的showModalDialog方法是比较常见的一种。但是,由于不同浏览器的实现差异,模态窗口的返回值在跨浏览器时常常会遇到兼容性问题。下面我们将详细探讨如何...

    关闭模态对话框,刷新父窗口,异步上传文件

    "关闭模态对话框,刷新父窗口,异步上传文件"是一个常见的需求,它涉及到前端JavaScript技术、模态对话框的处理、页面刷新机制以及文件上传的异步操作。下面我们将详细探讨这些知识点。 首先,模态对话框(Modal ...

    javascript 获取模态窗口的滚动位置代码

    模态窗口通常包括一个覆盖在主页面之上的半透明层以及一个位于其上方的内容窗口。这个内容窗口可以显示各种信息,如表单、图片、文字说明等,它可以防止用户与主页面交互直到模态窗口被关闭。模态窗口一般用于用户的...

    javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码

    在JavaScript编程中,`showModalDialog`函数是一个非常有用的特性,用于创建模态对话框,即用户必须先关闭对话框才能与父窗口进行交互。在多层模态窗口的场景中,这个功能显得尤为重要,因为每层窗口可能需要独立的...

    弹出框选择 返回父页面值

    要实现“返回父页面一个值”,我们通常会利用JavaScript及其相关库,如jQuery,来处理页面间的通信。以下是一些关键的技术点: 1. **局部存储**:可以使用`localStorage`或`sessionStorage`对象在浏览器的本地存储...

    js(javascript)子窗口和父窗口交互

    在上述代码中,`searchList` 函数用于打开一个模态对话框,并且在对话框关闭时检查是否有返回值。如果有,则将该值赋给父窗口中的某个输入框。而 `fillIn` 函数则定义了当用户完成操作并点击确定时,子窗口应返回的...

    主页与模态页间传值实例(实用)

    在"popupStockbill.js"中,我们可以看到JavaScript代码如何控制模态窗口的打开和关闭,以及如何处理与主页的交互。例如,可能有一个函数用于触发模态窗口的打开,并将主页上的某些数据作为参数传递给模态窗口。这...

Global site tag (gtag.js) - Google Analytics