`
zhaoxu841020
  • 浏览: 58296 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论
  • chhbwf: 请问做过gwt的导出功能没?就是利用gwt显示在页面的html ...
    GWT
  • yangwn: 不感恭维GWT-EXT,只是觉得它是UI的支持还算可以,但是伟 ...
    GWT
  • lucky16: 这东西是得学习!
    数据库设计

父子窗口传值-window.open-js

阅读更多
父子窗口在页面设计中经常用到,javascript中window.open可以实现,父子窗口之间传递参数变量有时候必须用到,window.open可以轻松实现:
先说父窗口页面(parent.html)
js代码:

function popChild(){
var obj = window;
obj.name = ‘我是父窗口’;
myWindow = window.open(‘open.html’,'Child’,'width=200,height=100′)
myWindow.document.getElementById(‘child’).value = ‘我来自父窗口’;
myWindow.focus();
}

对于子窗口页面(child.html)
js代码:

function parentValue(){
var temp = document.getElementById(‘child’).value;
this.opener.document.getElementById(‘test’).value = temp;//控制父窗口
document.getElementById(‘test2′).value = this.opener.name;//获取父窗口变量(我是父窗口)
}

通过opener来获取父窗口的一些值;
就是这么简单,id为child和test的元素已经省略了,如果测试可以在html页面加上。

分享到:
评论

相关推荐

    window.open父子窗口传值问题

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

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

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

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

    在JavaScript编程中,父窗口与子窗口之间的通信是一种常见的需求,特别是在构建多...在实际应用中,根据场景和安全性要求选择合适的方法进行父子窗口间的通信。同时,要确保遵循同源策略,因为跨域通信可能会受到限制。

    动态增删table以及后台传值和弹出窗口父子窗口传值

    在JavaScript中,可以使用window.open()函数创建新窗口,并通过window对象的属性(如opener或parent)来访问父窗口或子窗口的变量和方法。例如,父窗口可以将数据存储在一个全局变量中,子窗口通过引用父窗口的变量...

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

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

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

    <script src="https://cdn.bootcdn.net/ajax/libs/layui/2.5.6/layui.js"> window.addEventListener('message', function (e) { var data = e.data; // 接收父页面传递的数据 console.log('接收到的数据:', ...

    javascript父子页面传参

    在JavaScript编程中,父子页面之间的通信是一个常见的需求,特别是在单页应用(SPA)或框架如Vue、React和Angular中。本篇文章将详细讲解如何在父子页面之间传递参数,并通过提供的DEMO文件(a.html、c.html、b.html...

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

    总的来说,实现"ie+FF通用的父子模态对话框相互传值"涉及到JavaScript的事件处理、跨窗口通信和CSS的模态设计。理解这些知识点并熟练运用,能帮助开发者创建出更好的交互体验。同时,要时刻关注浏览器的兼容性和最佳...

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

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

    javascript 跨网页传值

    1. **窗口引用**:如果两个页面是父子关系(例如,一个是弹出的新窗口),可以通过`window.opener`或`window.parent`访问对方。 2. **窗口消息**:使用`window.postMessage`方法,两个无关联的页面可以通过事件监听...

    在JS中。页面间传值

    这种方法适用于父子窗口或者同一域名下的不同窗口间的通信。 6. **服务器端处理**: 如果你有服务器支持,可以在A页面提交数据到服务器,B页面加载时从服务器获取数据,然后再通过页面间通信技术如上述的...

    详解layui弹窗父子窗口之间传参数的方法

    在 layui 弹窗父子窗口之间传参数时,我们可以使用 layer.open() 方法的 success 属性来传递参数。success 属性是一个函数,在打开弹窗成功后执行该函数。我们可以在该函数中传递参数给子窗口。 下面是一个简单的...

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

    最后,window.opener对象可以用来访问打开当前窗口的那个窗口对象,从而实现父子页面间的数据传递: ```html <!-- 父页面 --> window.open("子页面.html"); // 打开子页面 <!-- 子页面 --> window.opener....

Global site tag (gtag.js) - Google Analytics