js子窗口调用父窗口的方法及传参

最新推荐文章于 2022-06-21 10:51:56 发布
原创 最新推荐文章于 2022-06-21 10:51:56 发布 · 551 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了在JavaScript中实现父子窗口间通信的两种方法：通过全局函数和使用window.open()。方法包括父窗口调用子窗口的函数以及子窗口回调父窗口的函数，适合了解JavaScript跨窗口交互技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

方法1：

父窗口中：

Function getUrl（url）{

 Alert(url);

}

子窗口：

Var url = window.location.href;

Function getURL（url）{

Parent. getUrl(url);

}

方法2：

用window.open()打开的子页面

   window.opener.LoadTableData()【LoadTableData为父页面的js方法】;

 self.close();【关闭当前子页面】

JavaScript调用父窗口方法的实现方式
2301_79325657的博客
10-03 846
这些方法可根据具体场景选择使用。使用window.parent对象适用于嵌套的iframe情况，使用window.opener对象适用于弹出窗口情况，而postMessage方法则是一种通用的跨窗口通信方式，适用于不同窗口之间的交互。在JavaScript编程中，有时候我们需要在一个嵌套的iframe或弹出窗口中调用父窗口（即包含iframe或弹出窗口的窗口）的方法。这种情况下，我们可以使用一些方法来实现这样的交互。希望以上解答能够帮助到你。
浅谈js中子页面父页面方法 变量相互调用
12-12
（1）子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 例如：想在子页面中得到id为aaa的文本框的值 window.parent.$("#aaa").val();//这种写法的前提是引用了jquery window.parent.getElementById("aaa").value; //js的写法 （2）父页面调取子页面 主要是通过contentWindow定位到
JS子窗口调用父窗口
12-24
JS子窗口调用父窗口
JAVASCRIPT之子窗口与父窗口的互调
netuser1937的博客
02-08 612
JAVASCRIPT之子窗口与父窗口的互调
javascript调用父窗口（父页面）的方法
03-08 543
 window.parent与window.opener的区别 javascript调用主窗口方法1：   window.parent 是iframe页面调用父页面对象举例:a.htmlHtml代码        父页面                                            如果我们需要在b.htm中要对a.htm中的username文本框赋值，就如很多上传
JS子窗口调用父窗口的方法
weixin_30624825的博客
08-07 151
有两种情况： 一，框架（iframe）形式，这时用到是window.parent，详情如下： 1，1.html代表的是父窗口 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...
子页面调用父页面方法---js方式
numbgui的专栏
07-25 700
子页面通过JS的方式调用父页面
使用JS实现子页面调用父页面的函数
kuanglian0的博客
06-21 6815
使用JS实现子页面调用父页面的函数
【岁月留声（JavaScript）】showModalDialog对父窗口进行操作
Kida 的技术小屋（优快云 版）
02-01 9745
需要在IE6使用showModalDialog对父窗口进行操作（这里就已经是两层弹窗了，父窗口再弹一个模态窗口，呵呵）
js子窗口调用父窗口函数并传递对象给父窗口的方法
weixin_30381317的博客
06-11 380
--父窗口 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Parent.aspx.cs" Inherits="Parent" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x...
JS子页面调用父页面方法
Yuanben_wuxin的博客
08-27 3896
关于子页面调用父页面的方法网上查的有一大堆，但大多都是没有什么效果的，或者说不符合我的需求，实际上js的安全机制是不允许子页面调用父页面的方法和变量的，所有能实现的方法都是稍微绕了一圈才实现，以下是我实现的一个思路（亲测可用） 建两个页面parent.html 和 chilen.html 在父页面parent.html绑定一个自定义的触发条件和执行方法 <s...
iframe的父子窗口之间的对象相互调用基本用法
12-09
使用iframe的时候，可能会涉及到父子窗口之间传值和方法的相互调用，之前一直有些迷糊，也没有着意去弄清楚，这两天要干活，没法子了只好把这都弄明白了。其实非常简单，就那么几个用法，几句代码而已。 子窗口中调用父窗口的js方法： 代码如下: parent.changeBtnTitle(‘tzgg’); 一个父窗口中可能会有若干个功能行为类似的子窗口，子窗口中的组件要调用相同或者类似的对象或者方法，那么就把这样的方法写在父窗口中，通过传递参数来达到不同的效果。 父窗口获得子窗口中的某个对象： 首先要获得子窗口的iframe对象，比如： 代码如下: var frameName = window
javascript 父窗口、子窗口传值问题
03-16
NULL 博文链接：https://phpxiaoxin.iteye.com/blog/423340
js中子页面调用父页面的方法
殇之何伤的博客
01-28 481
子页面调用父页面的方法只需要在 方法前加上 parent. 就可以了 有一个例如：子页面有一个标签 &lt;input id="closeLayer" class="btn btn-primary radius" type="button" value="&amp;nbsp;&amp;nbsp;取消&amp;nbsp;&amp;nbsp;"&gt; //子页
js父子页面相互调用变量及方法
Dzq_Boyka的博客
11-02 2664
原文：http://www.cnblogs.com/huangshuqiang/p/5734358.html （1）子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent
子页面调用父页面的js方法
Tomsheng321的专栏
12-28 3233
1)iframe调用父页面的js window.parent.freshList(); 2)iframe调用多层的父页面的js 以自定义查询新增查询条件的页面newCustom.jsp为例： var frames=window.parent.parent.window.document.getElementById("operateIframe").contentWindow.docu
Vue.js（9）- 子组件调用父组件的方法，并传值给父组件
weixin_30673611的博客
11-15 169
子组件调用父组件的方法，并传值给父组件：依靠 事件绑定机制 传递 index.html <div id="app"> <p>这是index.html</p> <my-c></my-c> </div> index.js // 导入vue import Vue from '...
js中子页面父页面方法 变量相互调用
qq_36258125的博客
02-16 629
（1）子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 例如：想在子页面中得到id为aaa的文本框的值 window.parent.$("#aaa").v
window.open打开一个新窗口/子窗口中调用父窗口的方法
最新发布
10-16
`window.open()` 是JavaScript中用于在浏览器中打开一个新的窗口或tab的功能。这个函数的基本语法如下： ```javascript var newWindow = window.open(url[, name[, features]]); ``` - `url`：必填，指定要打开的新窗口加载的URL地址。 - `name`：可选，提供新窗口的名称，通常用于管理多个同名窗口。 - `features`：可选，包含一组标志，控制新窗口的特性，如`width`, `height`, `menubar`, `scrollbars`等。 在新窗口或子窗口中调用父窗口的方法，由于每个窗口都有独立的全局变量空间，你可以通过传递一个引用或者使用`postMessage`通信机制。比如，在父窗口设置一个全局函数： ```javascript // 父窗口 window.parentFunction = function(param) { // 这里执行父窗口的操作 }; // 子窗口 var win = window.open('child.html'); win.parentFunction("参数"); // 调用父窗口的函数并传参 ``` 或者使用`window.postMessage`： ```javascript // 子窗口 function callParentMethod(data) { parent.postMessage({ type: 'callParent', data }, '*'); } // 父窗口监听消息 window.addEventListener('message', function(event) { if (event.data.type === 'callParent') { console.log('Received:', event.data.data); // 执行相应的处理 } }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值