`

父子页面之间值传递问题

    博客分类:
  • java
 
阅读更多
第一:页面中包含iframe的问题

         父页面:如果想在父页面中获取到iframe页面中的值或者调用iframe的js方法,(这个把iframe的id设置为myFrame)

                   var value= myFrame.document.getElementById("name").value;--获取到iframe中id为name的值

                    document.myFrame.functionName();--调用iframe页面中的functionName方法;

         子页面:一般都是把子页面需要的参数通过iframe中的URL传递过去。

第二:showModalDialog(url,param,features)弹出模态窗口

         http://xy.sxhighway.gov.cn/collegeread.gl?id=105这上面有关于showModalDialog()参数的详细介绍

         父页面:需要定义一个变量来接受传递值param

                     var  param = document.getElementById("table").value;--传递一个值或者

                     var  param = document.getElementsByName("table")[0];--传递一个对象

         子页面:var arg = window.dialogArguments;

                     arg = value;--把子页面中的value值传递给父页面

                     或者 arg.value = value;--因为传递的是对象

                     同理在子页面上也可以获取到父页面传递过来的值:

                           document.getElementById("child").value = arg;--把从父页面传递过来的值赋给子页面中id为child的;

第三:open()

         这个方法父子之间的值传递相对比较简单,可以通过window.opener.document...(获取父页面中的值)

         父页面: var win = window.open();

                       win.document....(获取子页面中的值)

0
0
分享到:
评论

相关推荐

    Layui实现父子页面之间值传递.zip

    本教程将深入讲解如何使用 `Layui` 实现父子页面之间的值传递。 首先,我们需要了解 `Layui` 的基本用法。`Layui` 提供了一个基于 `JavaScript` 的模块化机制,通过 `layui.use()` 方法加载需要的模块,如 `layui....

    父子页面数据相互传递

    在Web开发中,数据的传递是常见的需求,特别是在父子页面之间。这涉及到用户交互、页面跳转以及状态管理等多个方面。本示例聚焦于“父子页面数据相互传递”,旨在提供一种有效的方法来解决这一问题。 首先,我们来...

    javascript父子页面传参

    本篇文章将详细讲解如何在父子页面之间传递参数,并通过提供的DEMO文件(a.html、c.html、b.html)进行实例说明。 首先,我们要区分两种类型的情况:一种是父页面到子页面的传参,另一种是子页面到父页面的传参。 ...

    asp.net 父子页面传值

    在ASP.NET中,父子页面之间的通信是Web应用程序中常见的需求,尤其在构建复杂交互的多层级界面时。本文将深入探讨如何在ASP.NET环境中实现父子页面间的值传递,并分享一些实用的技术和策略。 首先,我们要了解ASP...

    Vue父子之间值传递的实例教程

    本文将详细介绍Vue中父子组件间值传递的方法,包括父传子和子传父两种情况。 首先,我们需要了解在Vue中组件是如何注册和使用的。在Vue实例中,我们可以通过`components`选项注册组件,并在模板中使用这些组件。父...

    (js)父子页面相互调用总结(js)父子页面相互调用总结

    通过上述方法,我们可以实现在不同页面之间的数据传递和方法调用。无论是通过`iframe`还是`window.open`,都能够有效地解决页面间通信的问题。需要注意的是,在实际应用中还需要考虑到浏览器的安全策略限制以及跨域...

    window.open父子窗口传值问题

    当我们谈论“window.open父子窗口传值问题”,我们指的是在父窗口通过`window.open`创建了一个子窗口,并需要在两者之间进行数据通信的情况。 首先,让我们了解一下`window.open`的基本语法: ```javascript var ...

    javascript父子页面通讯实例详解

    下面我们将详细探讨如何实现JavaScript父子页面之间的通信以及相关原理。 首先,父子页面之间的通信受到同源策略的限制,这意味着只有当两个页面具有相同的域名、协议和端口时,它们才能互相访问。但在某些情况下,...

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

    在IE和Firefox这两个主流浏览器上实现父子模态对话框之间的值传递,需要对JavaScript有深入的理解,并且考虑到跨浏览器兼容性。以下将详细解释这一技术点。 首先,让我们理解什么是父子模态对话框。父对话框通常是...

    vue两个组件间值的传递或修改方式

    Vue 组件间值的传递或修改可以通过多种方式实现,包括使用公共父组件、Vuex、本地存储、父子组件间的值传递、路由传值和路径地址传值等方式。这些方式可以根据实际情况选择合适的方式来实现组件间值的传递或修改。

    Iframe获取父页面的变量和控件

    `postMessage` 允许我们在不同源的窗口之间安全地传递数据,但必须注意检查消息来源,防止恶意脚本注入。 总结,通过 `Iframe` 实现父子页面的交互主要依赖于 `window.parent` 对象以及各种事件机制。在处理跨域...

    layer弹出子iframe层父子页面传值的实现方法

    因此,子页面和父页面之间并不直接存在DOM树的父子关系,这就使得传统的window.parent对象或document.referrer等方法不适用于它们之间的数据传递和方法调用。 为了实现父页面向子iframe页面传递数据或调用子页面的...

    javascript 父窗口、子窗口传值问题

    2. **使用`postMessage`和`message`事件**:这是HTML5引入的一种安全且推荐的方式,允许不同源的页面之间进行通信。子窗口发送消息,父窗口监听`message`事件接收: ```javascript // 子窗口 window.opener.post...

    两个窗口传值

    JSON和XML等格式因其结构清晰、易于解析而常用于跨平台或跨语言的值传递。 综上所述,"两个窗口传值"涵盖了多种技术和方法,具体选择哪种取决于应用场景、数据类型、性能需求以及开发环境等因素。理解和熟练运用...

    HTML页面跳转及参数传递问题

    这种方式可以直接修改父页面的元素,但只在父子页面间有效。 总结来说,HTML页面跳转和参数传递是Web开发中不可或缺的技术。URL传参简单但不安全,Cookie和localStorage适合存储数据,而window.opener则提供了页面...

    vue2.0父子组件间传递数据的方法

    本篇文章将通过一个简单的小例子来详细介绍如何在父子组件之间传递数据。 首先,我们要明确Vue中组件间的通信主要有两种方式:props(属性)和自定义事件。在这个例子中,我们将同时使用这两种方法。 1. **属性...

    在JS中。页面间传值

    这个过程涉及到用户在不同的HTML页面之间导航,并确保某些数据能够被安全有效地传输。在本篇文章中,我们将深入探讨如何在A页面打开B页面后,从B页面返回一个值并在A页面上显示。 首先,我们有两个主要的文件:A....

    Ajax示例,父子窗体传

    本文将深入探讨如何在父子窗体之间利用Ajax进行数据传递,以及如何从JSP页面获取复选框的值。 首先,我们要了解Ajax的基本原理。Ajax的核心是XMLHttpRequest对象,它允许我们在不刷新整个页面的情况下与服务器交换...

    解决ajax乱码和页面传值问题

    5. 事件触发:通过自定义事件在页面之间通信,适用于父子组件或同层组件之间的通信。 ```javascript // 触发事件 document.dispatchEvent(new CustomEvent("userInfoChanged", { detail: userInfo })); // 监听...

    iframe与父页面传值

    在进行父子页面通信时,必须注意安全问题。`postMessage`提供了验证`origin`的能力,以防止恶意页面注入数据。同时,由于浏览器的同源策略,跨域通信需要处理跨域资源共享(CORS)设置。 四、应用场景 - 内容嵌入:...

Global site tag (gtag.js) - Google Analytics