JavaScript window.open父窗体与子窗体之间的通信

本文主要介绍window.open()父窗体与子窗体之间的通信

1、window.open()之子窗体调用父窗体方法,父窗体调用子窗体方法

首先创建父页面:

a.html:

//获取子窗体
var child = window.open('b.html','_blank');
function btn(){
        //得到子窗体之后可以直接调用子窗体的方法
	child.openalert();
}
function tolog(){
	console.log('parent');
}

创建子窗体:

b.html:

var child = "child aaa";
var me = this;
function openalert(){
	//alert('chil');
	console.log('child');
}
function btn(){
	// 获取父窗体的句柄 window.parent.opener,然后就可以直接调用父窗体的方法
	window.parent.opener.tolog();

}

 

发表评论