`
lncdzh
  • 浏览: 28711 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

js 子模态窗口操作父窗口变量的问题

    博客分类:
  • js
阅读更多

今天测试 json 格式的数据传递,以及用其生成动态表格碰到了些问题

1.在传递数组变量时候,赋值给父窗口的全局变量 obj 时会在调试窗口打印的日志无权访问元素

2.但是父窗口的 function 确实可以调用该 json 数组变量 obj

3.问题是:需要在父窗口方法循环访问数据动态元素的时候比如 :

for(i=0;i<ogj.length;i++){
   alert(obj[i][pkey]);
}

 

的时候浏览器会报错,而错误类型却在百度查不到。

于是就郁闷的调试了半天,结果无解。

 

解决方案:

后来换了个思路解决,就是用json的反序列化,和序列化传值

1.先在子窗口传值 JSON.stringify(obj) 进父窗口的 input 元素;

2.在父窗口方法 将获得的字符串再转义成JSON

接下来的事情就迎刃而解了,虽然问题很简单,但是原本以为既然能操作变量就尽量不做转换了,结果却是操作文本来得简单!

0
0
分享到:
评论

相关推荐

    模式窗口操作父窗口

    通过`window.opener`对象,子窗口(即模式窗口)可以访问并操作打开它的父窗口(即主窗口)。在提供的代码片段中,`Page.ClientScript.RegisterStartupScript`函数被用来注册一段JavaScript脚本,这段脚本的作用是...

    JS子父窗口互相操作取值赋值的方法介绍

    以下内容将详细介绍在JS中如何实现子父窗口之间的互相操作取值赋值。 首先,在JS中,我们可以使用window对象的不同属性和方法来操作窗口。其中window.parent代表当前窗口的父窗口,而***代表整个窗口框架结构的顶层...

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

    在网页开发中,模态窗口(Modal Window)是一种常见的用户界面设计模式,它可以在当前页面上弹出一个半透明的窗口,强制用户与其交互后才能继续操作主页面。这种设计通常用于确认操作、输入信息或者展示详细内容等...

    利用模态对话框实现父窗体、子窗体间传值

    首先,`showModalDialog` 是一个在浏览器环境中(主要是Internet Explorer)用于打开一个新的窗口或模态对话框的JavaScript函数。它的主要优点是能够阻止用户在对话框关闭前与页面其他部分进行交互,从而引导用户...

    ie 模态弹窗 父子窗口交换数据

    5. **使用IFrame**:如果子窗口是一个嵌入在父窗口中的IFrame,那么可以直接通过JavaScript访问IFrame的`contentWindow`属性,从而实现双向通信。 在处理IE浏览器时,需要注意以下几点兼容性问题: - IE8及更早...

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

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

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

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

    JS模式窗口

    当用户在模态窗口中进行操作后,可以通过返回值将结果传回给调用它的页面,从而继续执行后续的程序逻辑。 总结,JS模式窗口是一个强大的功能,它允许开发者创建具有复杂交互和定制外观的弹出窗口。尽管现代Web开发...

    jquery弹出层

    1. **使用`window.opener`属性**:在子窗口中,可以通过`window.opener`访问到父窗口的对象,然后设置或获取父窗口的变量。例如: ```javascript window.opener.someVariable = '传递的数据'; ``` 2. **使用`...

    ie+FF通用的父子模态对话框相互传值

    父对话框通常是主页面或者已打开的一个模态窗口,而子对话框则是在父对话框之上弹出的新模态窗口。当用户在子对话框中进行操作后,可能需要将结果返回给父对话框,这就涉及到了值的传递。 在JavaScript中,我们可以...

    弹出窗口取值并返回

    - **非模态对话框(Non-Modal Dialogs)**:用户可以在子窗口与父窗口之间自由切换。例如,使用IFrame或者新窗口打开的页面。 2. **父子页面通信**: - **URL参数**:子页面可以通过URL参数传递数据给父页面,...

    解析jquery获取父窗口的元素

    以上内容展示了在使用jQuery与JavaScript进行窗口交互时所涉及的知识点,涵盖了获取父窗口元素、创建弹出窗口和对话框以及模态与非模态对话框的使用等。这些技术为在Web应用中处理多窗口环境提供了强大的工具。

    JS获取子窗口中返回的数据实现方法

    在JavaScript中,有时候我们需要在主窗口(父窗口)与弹出的子窗口之间进行数据交互,特别是在一些复杂的用户交互场景中,例如在上述例子中的地址选择功能。这个过程可以通过`window.showModalDialog()`函数来实现。...

    js父页面与子页面不同时显示的方法

    在JavaScript开发中,常常需要处理多窗口的情况,比如在父页面中打开一个新的子页面,在子页面的操作完成之后,需要对父页面进行相应的操作,比如重新加载或者执行某些函数。在本文中,将会介绍一种实现父页面与子...

    js弹出一个新页面并获得弹出页面的值

    这个方法是IE浏览器特有的一种打开模态对话框的方法,它可以确保用户必须先处理弹出的窗口才能继续操作主页面。该方法的调用形式为: ```javascript window.showModalDialog(url, arguments, features); ``` 其中: ...

    弹出窗口互相传值范例

    在IT行业中,弹出窗口(通常指的是模态窗口)是一种常见的用户界面设计,用于提供额外的信息或交互功能,而不中断用户对主界面的操作。在这个"弹出窗口互相传值范例"中,我们将会探讨如何在不同的弹出窗口之间传递...

    JavaScript新窗口与子窗口传值详解

    而非模态对话框则允许用户在对话框打开的同时继续与父窗口互动。 `showModalDialog()`和`showModelessDialog()`的语法相似,都接受三个参数: 1. `sURL`:必需,指定对话框要显示的页面URL。 2. `vArguments`:可选...

    javascript 语法基础 想学习js的朋友可以看看

    18. 关闭子窗口的同时刷新父窗口,可以通过修改 `window.opener.location.href` 来实现,或者在模态窗口中通过 `window.location.reload()` 刷新。 19. 状态栏文字通过 `window.status` 属性设置,显示在浏览器窗口...

    子窗体与父窗体传值示例js代码

    请注意,`window.open` 不会阻塞父窗口,所以通常不用于需要返回值的情况。 在实际应用中,子窗体与父窗体之间的通信可以有多种方式,例如: - **使用 `window.opener` 属性**:如果子窗体是由父窗体打开的,可以...

    javascript 实现子父窗体互相传值的简单实例

    在JavaScript编程中,有时我们需要在不同的窗口之间传递数据,例如在一个子窗口中操作后更新父窗口的状态,或者从父窗口传递初始数据到子窗口。本文将深入探讨如何使用JavaScript实现子父窗体之间的数据交互,主要...

Global site tag (gtag.js) - Google Analytics