父子窗口在页面设计中经常用到,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`的基本语法: ```javascript var ...
在网页开发中,有时我们需要打开新的窗口或者弹出对话框来与用户进行交互。`window.showModalDialog`和`window.open`是JavaScript中用于...在处理父子窗口间的通信时,两者都可以利用`window.opener`属性实现数据交换。
在JavaScript编程中,父窗口与子窗口之间的通信是一种常见的需求,特别是在构建多...在实际应用中,根据场景和安全性要求选择合适的方法进行父子窗口间的通信。同时,要确保遵循同源策略,因为跨域通信可能会受到限制。
在JavaScript中,可以使用window.open()函数创建新窗口,并通过window对象的属性(如opener或parent)来访问父窗口或子窗口的变量和方法。例如,父窗口可以将数据存储在一个全局变量中,子窗口通过引用父窗口的变量...
总结来说,这个示例展示了JavaScript中使用`window.showModalDialog()`进行父子窗口间通信的方法。通过对话框参数和`window.returnValue`,可以方便地在两个窗口之间传递数据和控制窗口状态。这种方式对于需要在多个...
<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编程中,父子页面之间的通信是一个常见的需求,特别是在单页应用(SPA)或框架如Vue、React和Angular中。本篇文章将详细讲解如何在父子页面之间传递参数,并通过提供的DEMO文件(a.html、c.html、b.html...
总的来说,实现"ie+FF通用的父子模态对话框相互传值"涉及到JavaScript的事件处理、跨窗口通信和CSS的模态设计。理解这些知识点并熟练运用,能帮助开发者创建出更好的交互体验。同时,要时刻关注浏览器的兼容性和最佳...
在这个场景中,我们通常会使用`window.open()`或`window.showModalDialog()`方法来创建子窗口,并通过特定的API来实现父子窗口之间的通信。在本示例中,我们将探讨如何在不使用iframe框架的情况下,利用JavaScript...
1. **窗口引用**:如果两个页面是父子关系(例如,一个是弹出的新窗口),可以通过`window.opener`或`window.parent`访问对方。 2. **窗口消息**:使用`window.postMessage`方法,两个无关联的页面可以通过事件监听...
这种方法适用于父子窗口或者同一域名下的不同窗口间的通信。 6. **服务器端处理**: 如果你有服务器支持,可以在A页面提交数据到服务器,B页面加载时从服务器获取数据,然后再通过页面间通信技术如上述的...
在 layui 弹窗父子窗口之间传参数时,我们可以使用 layer.open() 方法的 success 属性来传递参数。success 属性是一个函数,在打开弹窗成功后执行该函数。我们可以在该函数中传递参数给子窗口。 下面是一个简单的...
最后,window.opener对象可以用来访问打开当前窗口的那个窗口对象,从而实现父子页面间的数据传递: ```html <!-- 父页面 --> window.open("子页面.html"); // 打开子页面 <!-- 子页面 --> window.opener....