`

javascript 父子窗口之间的交互

 
阅读更多

首先 openwindow

var sonwindow = window.open(url,"son","left=400,width=800,height=520px");

父页面变量方法

<script>

var father = 'fa';

function sayhelloFather(){

      alert(“hello,”+father);

}

</script>

子页面变量方法

<script>

var son = 'son';

function sayhelloSon(){

      alert(“hello,”+son);

}

</script>

 

1.父页面调用子页面

sonwindow .son;

sonwindow .sayhelloSon();

2.子页面调用父页面

window.opener.father;

window.opener.sayhelloFather();

3.父页面判断子页面是否关闭

if(sonwindow.closed){

     ....

}

4.判断父窗口是否刷新或者是否已经关闭

//刷新页面时关闭弹出窗口

    window.onbeforeunload=function (){

    closeRwdyWindow();//关闭子窗口

 

    };

分享到:
评论

相关推荐

    javascript父子页面传参

    总的来说,JavaScript父子页面传参涉及多种技术,根据实际场景选择合适的方法。理解并熟练掌握这些技术对于开发交互丰富的Web应用至关重要。在实际项目中,还应注意安全性问题,避免跨站脚本攻击(XSS)等风险。

    js 父窗体子窗体数据交互

    在网页开发中,有时我们需要实现父窗体与子窗体之间的数据交互,这在多窗口应用或者弹出窗口中尤其常见。"js 父窗体子窗体数据交互"这个主题涉及到JavaScript(js)技术,DHTML(动态HTML)以及相关的脚本编程。以下...

    JavaScript父子窗体间的调用方法

    以下是关于JavaScript父子窗口间调用方法的知识点总结。 一、父窗口与子窗口的定义 在JavaScript中,当我们通过window.open()方法打开一个新的窗口时,这个新窗口相对于原始页面被称为子窗口,而原始页面则被称作父...

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

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

    window.open父子窗口传值问题

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

    jquery父子窗口互相获取元素demo

    在JavaScript中,由于同源策略的限制,父子窗口之间默认不能直接访问彼此的DOM元素,除非它们都位于同一域下。然而,通过使用窗口对象的`window.opener`属性(在子窗口中)和`window.open`返回的引用(在父窗口中)...

    js 控制父子窗口 转向

    在JavaScript编程中,控制父子窗口之间的交互是一种常见的需求,特别是在构建多窗口应用程序或者框架页面时。标题"js 控制父子窗口 转向"所涉及的知识点主要集中在如何使用JavaScript来实现子窗口对父窗口的控制,...

    Ajax示例,父子窗体传

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

    父子页面数据相互传递

    3. `postMessage` API:这是一种跨窗口通信的方式,允许父子页面之间发送和接收消息。父页面可以通过`window.open`创建子页面,并监听`message`事件接收子页面发送的数据;子页面则可以调用`window.parent.post...

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

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

    layui框架中layer父子页面交互的方法分析

    layui框架中layer父子页面交互的方法分析提供了多种方法来实现父子页面之间的交互,包括访问父页面元素值、访问父页面方法、关闭弹出的子页面窗口、刷新父页面、layer弹出多个iframe找到父页面的方法等。这些方法...

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

    layui 弹窗父子窗口之间传参数的方法 layui 是一个非常流行的前端框架,它提供了许多实用的功能,例如弹窗功能。...我们可以在 success 属性中传递参数给子窗口,从而实现父子窗口之间的数据交互。

    js操作iframe父子窗体示例

    关于JavaScript操作iframe父子窗体的知识点,本篇内容主要涉及通过JavaScript代码实现父窗口与iframe子窗口间数据的互相访问,以及如何控制子窗口中的内容。以下是详细的内容说明: 1. 父窗口与iframe的交互: 在父...

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

    在IT行业中,动态增删table和后台传值是前端与后端交互的重要技术,而弹出窗口父子窗口之间的数据传递则是提升用户体验的关键。下面将详细解释这些知识点。 首先,动态增删table是一种常见的用户界面设计,它允许...

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

    这里,我们专注于一个特定的场景:`ie 模态弹窗 父子窗口交换数据`。模态弹窗(通常称为 modal window)是在当前页面上打开的新窗口,它阻止用户与背景页面交互,直到弹窗关闭。在Internet Explorer(IE)浏览器中,...

    javascript提交父窗口

    窗口对象与父子窗口关系 在 Web 开发中,一个网页可以打开其他窗口或弹出新窗口。这些窗口之间存在一种父子关系。打开新窗口的页面被称为父窗口,而被打开的新窗口则被称为子窗口。这种关系主要通过 `window.open...

    iframe的父子窗口之间的对象相互调用基本用法

    这些基本用法是`iframe`父子窗口间交互的基础。需要注意的是,由于同源策略的限制,只有当父窗口和子窗口的源(协议、主机和端口)相同时,它们才能互相访问对方的DOM。如果跨域,这种通信将会受到限制,除非两个...

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

    本文将详细介绍如何使用JavaScript来操作模态窗口,并实现父子窗口之间的数据传递。 首先,我们要了解什么是模态窗口以及如何创建一个模态窗口。在上述示例中,父窗口通过`window.showModalDialog`方法弹出了一个...

    HTML父子页面

    - Window.postMessage:这是一种现代浏览器支持的跨窗口通信方式,允许父子页面之间安全地传递消息。父页面监听message事件,子页面通过window.parent.postMessage发送数据。 父页面: ```javascript window....

Global site tag (gtag.js) - Google Analytics