第08课：子窗口交互

用 open 方法打开的子窗口也会面临和其他窗口交互的问题，交互无外乎互相传递数据，并接收其他窗口传递过来的数据。

8.1 最简单的传递接收数据

向 open 方法创建的子窗口传递数据有多种方法，其中之一就是使用 BrowserWindowProxy.postMessage 方法，该方法可以向指定的窗口传递任意类型的数据和来源（origin），如果不知来源，可以使用星号 '*' 代替，关于来源是什么，以及如何使用，在后面的内容会详细介绍。

如果只是想向另外的窗口传递数据，需要使用下面的代码。

function onClick_Message() {//向 win 指定的窗口传递数据win.postMessage('my data', '*');
}var win;
//创建并显示一个主窗口
function onClick_OpenWindow() {//用 open 方法打开一个子窗口win = window.open('./child.html','接收消息','width=300,height=200')
}

其中 postMessage 方法的第 1 个参数用于指定要传递的数据，第 2 个参数是来源，一个字符串类型的值，如果不知道来源，可以使用 '*'。

下面的代码在 event.js 文件中，onLoad() 函数是 child.html 的 load() 函数，当 child.html 页面装载完会调用 onLoad() 函数，该函数添加了一个 message 事件的 listener，当使用 postMessage 方法传递数据时，接收数据的页面就

第08课：子窗口交互相关推荐

javascript：子窗口和父窗口交互
最近项目开发中需要子窗口和父窗口交互的内容,基本上无非就是把子窗口的信息传递给父窗口,并且关闭自己等等,或者是父窗口把自己的信息传递给子窗口等等. 1.父窗口传递信息给子窗口看代码实例: <s ...
子窗口_不同线程下主窗口与子窗口的信息交互（一）
在使用aardio编程时(aardio官方网站:http://www.aardio.com/),如何实现主界面线程与子窗口线程的信息交互?我们用实例来逐步研究一下. 一.在子线程运行一个子窗体 1.先 ...
Python tkinter多窗口的交互问题：子窗口无法获取数据
Python tkinter多窗口的交互问题:子窗口无法获取数据 tkinter第二个.第三个子窗口数据不能交互响应的解决方法先说结论:第二个.第三个子窗口生成时,不能用tk.Tk(),而应改为tk ...
第07课：使用 HTML 5 API 创建子窗口
在 Electron 中还存在一种创建窗口的方式,就是使用 HTML 5 的 API 创建窗口.在 HTML 5 中提供了 window.open 方法用于打开一个子窗口,该方法返回一个 Browse ...
pyqt5子窗口跳出主窗口_弹出式窗口与可用性，转换和跳出率
pyqt5子窗口跳出主窗口 Written by Cassandra Naji 由卡珊德拉·纳吉 ( Cassandra Naji)撰写 They go by many names - modal w ...
javascript:URL编解码和父子窗口交互
简单的URL编解码 URL编码使用javascript的escape实现,在后台也可用System.Web.HttpUtility.UrlEncodeUnicode()实现. 在解码时使用javasc ...
qt如何把父窗口的变量传给子窗口_父窗口和iframe子窗口之间相互传递参数和调用函数或方法...
1.父窗口向子窗口传递参数: 可以在url中添加参数:2.html?a=1&b=2&c=3 然后在子页面上可用js解析,提供一个函数: function getQueryStr(sAr ...
window.showModalDialog模式窗口无法在子窗口访问解决办法
window.showModalDialog打开的模式窗口无法在子窗口访问如:window.showModalDialog("A.aspx", null, "help: ...
父窗口、子窗口和Silverlight之间的相互调用
啊哈~ 爷爷,爸爸,儿子~ 三代同堂~ 前两天做 silverlight 的东西,主页面打开一个子页面,然后子页面中包含一个 silverlight 应用程序那难免会涉及到他们三者相互调用的问题其 ...

第08课：子窗口交互

8.1 最简单的传递接收数据

第08课：子窗口交互相关推荐

最新文章

热门文章