window.postMessage（）方法安全地启用Window对象之间的跨源通信;例如，在页面和它产生的弹出窗口之间，或者在页面和嵌入其中的iframe之间。
window.postMessage 无法从 iframe 到父文档[重复]
我正在尝试使用 window.postMessage API 将一条简单的消息从子文档（iframe）发送回其直接父文档。 在父文档中，我有以下内容： 窗户。
postMessage 到 iFrame 无法通过 GTM 工作
我面临着一个奇怪的情况。我编写了一段代码，该代码应该通过 postMessage() 将变量发送到嵌入在我的页面上的 iFrame。 父页面是：“https://www.bestcars.com（示例） ...
我有一个应用程序（我们称之为 A ），其中包含应用程序 B 我想将数据从 B（子级）发送到 A（父级） 我可以使用这个代码 window.parent.postMessage(value, '*'); 然后在父级中
通过window.posMessage()传递访问令牌，安全吗？
我有一个JavaEE项目，它是一个整体。前端部分是用GWT开发的。 GWT 还通过 iFrame 加载在 Angular 中开发的其他单页应用程序。 从安全角度来看，是...
如何在不违反 CORS 政策的情况下向稍后加载的 iframe 发布消息？
我需要向用户单击链接后加载的 iframe 发送一条消息。 错误消息的本质让我相信这是生气的 Javascript，而不是 nginx。 好像...
当我使用 connect.facebook.net/en_US/sdk.js 并调用 FB.login() 时，我会看到一个登录/身份验证弹出窗口。当有人登录时，窗口关闭，并调用提供给 FB.login 的回调函数
在哪里将 postMessage 命令的参数传递给 youtube iframe
抱歉，如果这看起来像是我之前的问题的重新发布，但事实并非如此。 这是不同方法的不同问题。 我有这个 iframe： <p>很抱歉，如果这看起来像是我之前的问题的重新发布，但事实并非如此。 这是不同方法的不同问题。</p> <p>我有这个 iframe：</p> <pre><code><iframe id="video1" width="970" height="546" src="https://youtube.com/embed/9IYRC7g2ICg?enablejsapi=1&autoplay=1&controls=0&loop=1&playlist=9IYRC7g2ICg&showinfo=0&modestbranding=0" frameborder="0" allowfullscreen></iframe> </code></pre> <p>现在要在单击自定义按钮时手动暂停视频，效果很好：</p> <pre><code><script type="text/javascript"> jQuery(document).ready(function($) { $('#button1').click(function() { $('#video1')[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); }); }); </script> </code></pre> <p>pauseVideo 是此处列出的命令 <a href="https://developers.google.com/youtube/iframe_api_reference" rel="nofollow">https://developers.google.com/youtube/iframe_api_reference</a>。</p> <p>我的问题是：我完全无法使用需要参数的命令，例如<pre><code>seekTo(seconds:Number, allowSeekAhead:Boolean)</code></pre>。</p> <p>为了跳到视频中的0:20，我尝试过：</p> <pre><code>$('#video1')[0].contentWindow.postMessage('{"event":"command","func":"seekTo","args":"20, true"}', '*'); </code></pre> <p>但没有成功。 我可能把参数放在了错误的位置，因为这是我第一次使用 iframe 的 postMessage 函数，从这个意义上说，我感觉有点像新手。</p> <p>有人可以帮助我吗？ :)</p> </question> <answer tick="false" vote="4"> <p>试试这个：</p> <pre><code>var data = {event: 'command', func: 'seekTo', args: [20, true]}; var message = JSON.stringify(data); $('#video1')[0].contentWindow.postMessage(message, '*'); </code></pre> </answer> <answer tick="false" vote="0"> <p>我今天（2024 年 7 月 4 日）需要这个。为了完整起见，以下是非字符串化修复： $('#video1')[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":[20,true]}', '*'); </p> <p>重要提示：它是一个 JSON 数组，因此不是“[20，true]”而是 [20，true]</p> </answer> </body></html>
javascript：监听来自特定 iframe 的 postMessage 事件
我在一个页面中有多个 iframe。现在，我的页面有一个消息事件侦听器，它从所有 iframe 获取消息。我有一个解决方法可以知道消息来自哪个 iframe ...
是否有像SendMessage()或SendMessageTimeout()这样的函数通过消息队列而不是调用Windows过程？
本质上，我正在寻找像 PostMessage() 这样的同步函数，因此在处理消息之前它不会返回。它不一定是一个具有以下功能的函数
iframe.contentWindow.postMessage 在隐身模式下不起作用
我在 AWS S3 存储桶上部署了一个小部件脚本 (widget.js)。此脚本创建一个 iframe，其 src 设置为 http://localhost:5000。 我在我的网络应用程序中使用 script 标签嵌入了 widget.js。一旦
我正在使用 Chrome 扩展，使用 MV3 将每个帧转换为影子根（以内联其内容），我需要这个，因为我无法从浏览器复制和粘贴 iframe/embed/object 框架...
JS - 将 SessionStorage 变量从父页面传递到 iFrame 弹出窗口？ - 跨域
这是用 JavaScript 编写的。我希望将保存在父页面（域 https://parent.com/）上的 SessionStorage 中的变量传递到 10 秒后加载的 iframe 弹出窗口（域 https://
在postmessage中指定多个targetOrigin uri
Window.postMessage() 有一个 targetOrigin 参数，可以设置为 URI（以确保消息仅到达特定的 url）。当然也可以设置为*（不推荐），但是有没有...
Zoho PostMessage API 返回 1108 域未注册
我正在使用 postMessage API 将保存命令发布到我的 Zoho writer iframe。按照文档我有这个 XDC.setTarget({ “origin”：“https://api.office-integrator...
iframe 上的 webix postMessage 永远不会到达嵌入的drawio
基本上，后端为我提供了drawio文件的内容（所以我们正在谈论xml模式），我需要在我们的webix页面中显示它。 到目前为止，我已经尝试使用 iframe 来实现这一点，
window.postMessage 抛出未定义的错误，即使我检查它不是未定义的
我有一个 React Web 应用程序在 React Native 应用程序的 Web 视图中运行。 React Native 端注入 javascript 来设置 window.postMessage，如下所示： 我有一个 React Web 应用程序在 React Native 应用程序的 Web 视图中运行。 React Native 端注入 javascript 来设置 window.postMessage，如下所示： <WebView injectedJavaScriptBeforeContentLoaded={` (function() { window.postMessage = function(data) { window.ReactNativeWebView.postMessage(data); }; })() window.isInApp=true; true;` } /> 然后，我在 React Web 应用程序中调用 window.postMessage() 以使 React Native 应用程序对某些按钮按下做出反应： <Button onClick={() => { if (window.isInApp) window.postMessage(); else navigate("/my-trips"); }} > Exit </Button>; （我知道 postMessage() 应该需要参数，但是）这在我的 React web 应用程序中的任何地方都有效，除了一个特定的页面。一开始，我得到了错误 脚本错误。 还有 抛出了跨源错误。 React 无法访问开发中的实际错误对象。 因此，为了查看错误，我将函数调用包装在 try-catch 块中，然后在 alert: 中显示错误 <Button onClick={() => { try { if (window.isInApp) window.postMessage(); else navigate("/my-trips"); } catch (e) { alert(e); } }} > Exit </Button>; 在 Android Samsung A54 上运行，我得到： TypeError：无法读取未定义的属性（读取postMessage） 在 iOS iPhone 8 上，我得到这个： TypeError：未定义不是一个对象（评估'window.ReactNativeWeb-View.postMessage'） 然后，我添加了一些 if 条件以确保窗口不是未定义的，并且还在调用 window 之前和之后的一些 alert 中显示了 window.postMessage()： <Button onClick={() => { try { alert(`window: ${window} window.postMessage: ${window.postMessage}`) if (window && window.postMessage && window.isInApp) window.postMessage(); else navigate("/my-trips"); } catch (e) { alert(`${e} window: ${window} window.postMessage: ${window.postMessage}`); } }} > Exit </Button>; 但是，我收到完全相同的错误消息，该消息声称 window 未定义，即使我在调用 window.postMessage() 之前和之后检查它是否未定义。我也尝试使用 window.postMessage(true, "*") 只是为了让我没有任何争论，但无济于事。我也没有看到这个特定页面有任何不同之处，可以与使 window 拥有短暂的存在超级状态相关。它几乎是另一个页面的精确复制品，其中相同的功能起作用。 这怎么可能？为什么看起来 window 仅在我 call window.postMessage() 时未定义，但在 if 检查和 alert 对话中并非未定义？几乎就像一些双缝实验电子行为类型的狗屎？这是啥？ （我知道我应该做一个最小的可重现示例，但这会花费很多时间，我现在不必抽出时间。希望在我诉诸该示例之前有人知道解释/修复。） 听起来问题可能不直接与window.postMessage有关，而是与React应用程序的上下文或其依赖项在该特定页面上的行为方式有关。仔细检查该有问题的页面上的任何独特脚本或 iframe 是否会干扰全局 window 对象。另外，请确保通过 window.postMessage 传递的所有数据均已正确序列化，因为对象可能会导致问题。也许尝试使用简单的字符串或 JSON.stringify 您的数据。最后，该页面上的跨域策略可能会更加严格；验证您的内容安全策略标头。
我正在设置一个通过 iFrame 嵌入不同内容的页面。父站点和 iFrame 内容都通过 Window.postMessage() API 进行通信。然后我在父网站上听...
我需要PostMessage();一对括号“( )”，但我似乎无法在任何地方找到它们的虚拟键码。 我尝试过 ord(KeyInpunt) 但当我尝试
我有一个问题。早些时候，我很难从 iframe 向父节点发送 postMessage。幸运的是，我解决了它，因为不知何故 window.parent.postMessage 不起作用，但顶部。