gpt4 book ai didi

javascript - Chrome 跨文档消息传递不起作用

转载 作者:行者123 更新时间:2023-12-03 03:32:48 26 4
gpt4 key购买 nike

我有以下两个页面,我正在尝试将消息从主页发送到其中的 iframe。它在 IE 11 中可以正常工作,但在 Chrome 上则不行。我在 Chrome 浏览器中没有看到弹出窗口或控制台消息。 Chrome浏览器版本为60.0.3112.113。

HtmlPage1.html - http://localhost/Htmlpage1.html

<!DOCTYPE html>
<html id="root">
<head>
<meta charset="utf-8"/>
<title>Sheep</title>
</head>
<body id="b">
<iframe id="myFrame" src="http://localhost/HtmlPage2.html" height="200" width="300" seamless></iframe>
<script type="text/javascript">
"use strict";
window.addEventListener("DOMContentLoaded", function() {
var myFrame = window.document.getElementById("myFrame").contentWindow;
myFrame.postMessage("A cow", "*");
}, false);
</script>
</body>
</html>

HtmlPage2.html - http://localhost/Htmlpage2.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Drococile</title>
</head>
<body>
<h1>Fat Sheep :D</h1>
<script type="text/javascript">
window.addEventListener("message", function(event) {
alert(event.data);
console.log(event.data);
}, false);
</script>
</body>
</html>

enter image description here

谢谢

最佳答案

最简单的解决方法是等待 iframe 加载

    var myFrame = window.document.getElementById("myFrame");
myFrame.onload=function() {
myFrame.contentWindow.postMessage("A cow", "*");
};

关于javascript - Chrome 跨文档消息传递不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46010870/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com