PostMessage返回值

时间: 2023-08-29 07:11:05 浏览: 241

js弹窗并返回值(window.open方式)

在JavaScript中，`window.open`方法是一个非常实用的功能，它允许开发者创建新的浏览器窗口或标签页，并在其中加载指定的网页内容。这个方法在交互式用户界面设计中尤其常见，例如用于显示警告、确认对话框或者自定义的弹出窗口。在本篇讨论中，我们将深入理解`window.open`的工作原理以及如何利用它来实现弹窗并获取返回值。 `window.open`的基本语法如下： ```javascript window.open(url, name, features); ``` - `url`: 必需参数，表示新窗口要加载的URL。 - `name`: 可选参数，用来指定新窗口的名称。这个名称可以用于后续的引用，如`window.name`，或者在`window.open`中重用窗口。 - `features`: 可选参数，一个描述新窗口特性的字符串，比如宽度、高度、位置等。也可以包含像`scrollbars=yes`这样的选项来控制滚动条。在描述中提到的博文链接中，作者可能详细讲解了如何使用`window.open`来创建自定义弹窗，并从弹出窗口中获取返回值。通常，我们不能直接从`window.open`的返回值获取用户在新窗口中的操作，因为返回的是一个`Window`对象，而不是用户的输入。但我们可以采用以下策略来实现： 1. 使用`window.open`打开的新窗口中设置一个`window.opener`属性，这样新窗口可以与打开它的窗口进行通信。 2. 在新窗口中处理用户交互后，使用`window.close`关闭窗口，并在关闭前将结果通过`window.opener`通知原窗口。 3. 原窗口需要监听`beforeunload`或`unload`事件，当新窗口关闭时，这些事件会触发，从而获取到返回值。例如： ```javascript // 在原窗口 let newWindow = window.open('b.html', 'newWindow', 'width=400,height=400'); newWindow.opener = window; // 在b.html（新窗口） function sendResultAndClose(result) { window.opener.result = result; window.close(); } // 用户在b.html操作后调用sendResultAndClose sendResultAndClose('用户的选择'); // 在原窗口监听新窗口关闭事件 window.addEventListener('message', (event) => { if (event.data === 'closed') { console.log('新窗口已关闭，结果是:', result); } }); newWindow.addEventListener('beforeunload', () => { window.postMessage('closed', '*'); }); ``` 这里，`b.html`是新窗口，`a.html`可能是原窗口。新窗口通过`window.postMessage`发送消息，原窗口通过`message`事件监听。这种方式可以跨域通信，是现代浏览器中实现窗口间通信的一种常见方法。 `window.open`方法在JavaScript中提供了强大的功能，可以创建弹窗并实现与原窗口的交互。通过合理的事件监听和通信机制，我们可以在弹出窗口中执行操作并获取返回值，增强了Web应用的交互性和用户体验。在实际开发中，根据具体需求，可以选择合适的通信策略来实现弹窗与原窗口的双向数据交换。

`PostMessage` 函数的返回值为布尔类型，表示函数调用是否成功。如果函数调用成功，返回值为非零值（即 `TRUE`），否则返回值为零（即 `FALSE`）。需要注意的是，`PostMessage` 函数仅向消息队列中添加消息并立即返回，不会等待消息被处理。因此，函数返回 `TRUE` 并不意味着消息已经被处理，也不意味着程序已经关闭。如果需要等待消息被处理，可以使用 `SendMessage` 函数，该函数会等待消息被处理后才返回。

阅读全文

PostMessage返回值

相关推荐

VC中SendMessage和PostMessage的区别

penpal:基于诺言的库，可通过postMessage与iframe安全通信

postmessage

PostMessage

PostMessage 用法

mfcSendMessage和postMessage

sendmessage和postmessage

window.postMessage()两个弹窗返回值丢失解决办法

window.postMessage()两个弹窗返回值 使用回调函数解决办法

多线程中使用::PostMessage会失败

jqery对话框 iframe返回值给父画面

如何获取上述方法在，success方法中的返回值作为方法aa的返回值

window.addEventListener写成共同方法父窗口调用返回值

window.addEventListener写在共同中返回值给父画面

c语言 socket 发送 http post

帮我解释以下代码：afx_msg LRESULT CDlgPaneLeft::ReDraw(WPARAM wParam, LPARAM lParam) { this->PostMessage(WM_PAINT); return 0; }

java怎么通过传值调用其他接口然后接收返回值输出

getUserInfo() { self.$api.post(‘/sys/getUserInfo’).then( res => { } }) },将此方法写入一个js文件中，具体在js文件中的写法展示出来，在页面里调用，并对返回值做操作，都在uniapp场景中

最新推荐

JavaScript实现弹出子窗口并传值给父窗口

Web接口文档模板.doc

基于Qt开发的截图工具- 支持全屏截图， 支持自定义截图，支持捕获窗口截图，支持固定大小窗口截图，颜色拾取，图片编辑

全国江河水系图层shp文件包下载

管理建模和仿真的文件

Keras模型压缩与优化：减小模型尺寸与提升推理速度

MTK 6229 BB芯片在手机中有哪些核心功能，OTG支持、Wi-Fi支持和RTC晶振是如何实现的？

点云二值化测试数据集的详细解读

"互动学习：行动中的多样性与论文攻读经历"

Keras正则化技术应用：L1_L2与Dropout的深入理解

window.postMessage()两个弹窗返回值使用回调函数解决办法

基于Qt开发的截图工具- 支持全屏截图，支持自定义截图，支持捕获窗口截图，支持固定大小窗口截图，颜色拾取，图片编辑