问题: Javascript iframe在iframe完成加载之前发送postMessage()
答案: JavaScript中的iframe可以通过postMessage()方法进行跨域通信。该方法允许在iframe加载完成之前发送消息。
postMessage()方法是一种安全的跨窗口通信机制，用于向其他窗口发送数据。它接受两个参数：消息内容和目标窗口的源(origin)。消息内容可以是任意类型的数据，包括字符串、对象等。目标窗口的源用于指定接收消息的窗口，防止信息泄漏和跨站点攻击。
在iframe完成加载之前发送postMessage()的主要应用场景是实现父窗口和子窗口之间的通信。例如，在父窗口中有一个包含iframe的页面，当iframe加载完成之前，可以使用postMessage()方法向iframe发送消息，以便子窗口做出相应的操作。这在实现跨域的单页应用、嵌入第三方内容等方面非常有用。
以下是腾讯云相关产品和产品介绍链接地址：
- 云开发：腾讯云提供的一体化后端云服务，可快速开发小程序、网站和移动应用。了解更多：https://cloud.tencent.com/product/tcb
- 云函数：基于事件驱动的无服务器函数计算服务，支持在云端运行代码逻辑。了解更多：https://cloud.tencent.com/product/scf
- API网关：提供API发布、托管、调试等功能，帮助用户快速构建和部署微服务架构。了解更多：https://cloud.tencent.com/product/apigateway
- 云存储COS：腾讯云对象存储服务，提供安全、可靠、低成本的数据存储服务。了解更多：https://cloud.tencent.com/product/cos
相关·内容
我在parent.html中有iframe。Child.html将postMessage('documnent.cookie'，'*')发送到父窗口。问题是postMessage()发送'null‘。postMessage()在iframe加载完成之前触发。只有在iframe完全
浏览 71提问于2020-01-15得票数 0
1回答
在加载iframe的内容时，我需要触发javascript函数。我看到很多(过时的？)使用iframe事件的答案，这个事件似乎根本不启动(在Chrome中)。一点也不开火(至少在Chrome中是这样)：
<iframe id="target-iframe" src="SRC_URL" onload="iframeLoaded()"></if
浏览 3提问于2020-02-29得票数 4
回答已采纳
我在heroku上有一个游戏，现在我想让它在Facebook画布上工作，但是，虽然它在Firefox中工作，在Chrome和IE中却不起作用。Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https
浏览 17提问于2014-03-05得票数 62
回答已采纳
我使用在父窗口和嵌入式<iframe>之间发送数据。父窗口侦听来自<iframe>的“已装载”消息，并以JavaScript对象model作为数据发送响应消息。')[0].contentWindow.postMessage({ model }, '*');});
<iframe>可能会在一个会话中多次发送“已挂载”消息，每次父窗口都需要使用model但是，在初
浏览 1提问于2018-03-21得票数 1
2回答
页面呈现时没有任何JavaScript错误。
iframe元素的src属性仅在窗口加载时设置，因此最初加载的是空的iframe。iframe src正被设置为来自另一个域的页。我面临的问题是，postMessage方法工作正常，不会引发任何错误，但是源页面不会触发message事件，即使它是在iframe页面开始加载之前设置的。我正在显示来自iframe页面的警告
浏览 4提问于2017-12-31得票数 3
回答已采纳
因此，我使用for循环将数据发送到iframe。iframes[i].contentWindow.postMessage("getName","http://localhost/data.php");我不知道在postMessage函数的原点参数中放什么在iframe上，我有处理消息的代码。更新
我发现，与使用postMessage不同，我还可以访问javascr
浏览 2提问于2015-06-17得票数 0
回答已采纳
我在<iframe>中加载了一个页面。在<iframe>中，我有一个函数耐心地等待使用jQuery的$(window).load()事件加载页面，该事件应该等到所有页面内容(图像、javascript、css等)时才加载。在开火前装上子弹。
然后，函数调用回页面，使用<iframe>加载postMessage，以发送<<e
浏览 1提问于2010-03-26得票数 3
回答已采纳
web_accessible_resources" script
script.type = "text/javascript(script);window.postMessage({msg: "test"}, "*");top.postMessage({msg: "test"
浏览 2提问于2012-06-29得票数 1
如果我这样做了：
我在加载iframe之前发布的消息什么时候会被执行？
浏览 6提问于2012-01-30得票数 8
回答已采纳
我使用几行javascript来创建一个iframe元素，然后我想向它发送一条消息，如下所示： var body = document.getElementsByTagName('body')[0]; iframe.id = 'iframe
浏览 0提问于2011-05-17得票数 5
回答已采纳
1回答
iFrame中的内容可以在运行时进行更改。我如何使我的iframes自动调整他们的高度，就像disqus的评论线程？
浏览 0提问于2018-04-14得票数 0
回答已采纳
我已经将react应用程序放在一个iframe中。 ·我想延迟react应用程序的上传，直到我的网页上的所有内容都加载完毕。这是因为我正在通过iframe.contentWindow.postMessage()向应用程序发送信息。我正在使用一个eventlistener来获取信息。我遇到的问题是react是在事件触发之前加载的。所以我的react行为一直在读取一个不确定的来源。所以我想延迟它的加载，直到网页加
浏览 20提问于2019-05-15得票数 1
回答已采纳
在弹出窗口中有一个iframe，其中包含来自我的域的不同src。
该iframe包含一个单击时关闭窗口的页面。但当我从我自己的弹出窗口中单击它时，它并没有消失。
浏览 0提问于2016-01-08得票数 0
1回答
我想要读取已加载第三方URL的iframe内容。HTML代码如下：
//这里不知何故想发送iframe的html ......<a href="http://thirdparty_url.com/"
浏览 14提问于2016-12-24得票数 1
如果来自URL X的父级将iframe加载到URL Y..父框架可以使用Window/postMessage与子框架对话。但是，如果家长还加载了第三方js代码片段-例如google analytics...怎样才能阻止第三方将javascript注入到父进程中，然后让前面提到的iframe通过postmessage API发送内容？
浏览 33提问于2020-10-02得票数 0
回答已采纳
我确信这只是我的语法问题，但我正在尝试将一个变量发送到iframe (以便使用colorbox )。就目前而言，我接受两端的任何域名(只是为了让它工作)。下面是发送页面的js： if(window.location.hash) { targetiframe = document.getElementById('wbgallery').
浏览 0提问于2016-11-07得票数 6
回答已采纳
从父窗口向iframe发送消息，并从iframe发送消息给父窗口。= function() { let audio = document.getElementsByTagName('audio')[0];
let iframe = document.getElementsByTagName('iframe'
浏览 1提问于2017-04-11得票数 0
回答已采纳
1回答
'A‘是带有Javascript警告的站点(document.domain)；
<?打开'B‘站点后，javascript</
浏览 2提问于2015-04-01得票数 2
2回答
我试图使用postMessage在一个页面(在example1.com上)与位于example2.com页面上的iframe之间进行跨域通信。当iframe完成加载时，它将使用以下命令向父页面发送一个postMessage：在父页面中的postMess
浏览 7提问于2012-11-03得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
