个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
24
4
我确定这里有什么地方不对，但我不能完全指出它...示例 here表现很好，控制台上没有任何通知或错误，所以这意味着我的浏览器支持使用 html5 进行跨域消息传递(当然支持，它是 Chrome 14..)。
我的代码或多或少做了以下事情:在 WebsiteA.com 中加载的脚本创建了一个 iframe 并将其附加到 WebsiteA.com 的文档中。附加的框架将包含 WebsiteB.com，当它被加载时，它必须向它的父 WebsiteA.com 发送一条消息，告诉它 WebsiteB.com 已准备好接收一些 JSON。当 WebsiteA.com 收到此消息时，它会发回 JSON。
所以 WebsiteA.com 在 </body> 之前有一行就像这样:<script scr="http://WebsiteB.com/load-my-iframe.js" type="text/javascript"></script> ，并在 load-my-iframe.js 内，我有以下内容:
var child = document.createElement('iframe');
child.src = 'http://WebsiteB.com/child.html';
var body = document.getElementsByTagName('body')[0]
body.appendChild(child);
var SomeJSON = {"something" : "that WebsiteB should have"};
window.onmessage = function (e) {
if (e.origin === 'http://WebsiteB.com' && e.data === 'ready') {
e.source.postMessage(SomeJSON, 'http://WebsiteB.com');
}
}
这样就创建了 iframe 元素，将其附加到 WebsiteA.com 的文档并等待它说准备就绪(我猜……)。在 WebsiteB.com 上，我有文件 child.html，即 src在 WebsiteA.com 的文档中加载的 iframe，该文件具有以下内容:
<!DOCTYPE html>
<html lang="pt">
<head>
<title>WebsiteB.com</title>
<script type="text/javascript">
window.onload = function () {
window.parent.postMessage('ready','*');
}
window.addEventListener('message', receiveMessage, false);
function receiveMessage(event) {
if (event.data.something === "that WebsiteB should have") {
document.write('It worked!');
}
}
</script>
</head>
<body>
</body>
</html>
现在是奇怪的东西:
遗憾的是，我没有 WebsiteA.com 和 WebsiteB.com，但我设法在一个顶级域和一个子域(以 .no.de 结尾)之间工作。它确实有效，但在 Google Chrome 14 的控制台中我得到了经典的 Unsafe JavaScript attempt to access frame with URL <a href="http://WebsiteA.com/" rel="noreferrer noopener nofollow">http://WebsiteA.com/</a> from frame with URL <a href="http://WebsiteB.com/child.html" rel="noreferrer noopener nofollow">http://WebsiteB.com/child.html</a>. Domains, protocols and ports must match. . example from html5demos没有这个错误就可以正常工作。
为什么会出现此错误以及如何消除它？
最佳答案
我刚刚尝试了您的代码，这似乎在 Chrome 中有效。它使用 jsfiddle 和 jsbin 在父子窗口之间传递消息。
关于javascript - 如何正确使用 postMessage 与 html5 和现代浏览器进行跨域消息传递？我仍然收到错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7652646/
24
4
0
这是我的本地域名 http://10.10.1.101/uxsurvey/profile/dashboard 在 Controller 中，我为用户列表设置了一个操作 redirect(control
要处理 Canonical URL，最佳做法是执行 301 重定向还是更好地为 www 和非 www 域使用相同的 IP 地址？ 例如: 想要的规范 URL/域是 http://example.com
1 内网基础 内网/局域网（Local Area Network，LAN），是指在某一区域内有多台计算机互联而成的计算机组，组网范围通常在数千米以内。在局域网中，可以实现文件管理、应用软件共享、打印机
1 内网基础 内网/局域网（Local Area Network，LAN），是指在某一区域内有多台计算机互联而成的计算机组，组网范围通常在数千米以内。在局域网中，可以实现文件管理、应用软件共享、打印机
我想创建一个 weblogic 集群，其中有两个托管服务器，每个服务器在物理上独立的远程计算机上运行 根据weblogic文档 All Managed Servers in a cluster mus
我正在运行 grails 3.1.4，但在创建允许我将多个域对象绑定(bind)到其他几个域对象的模式时遇到了问题。作为我正在尝试做的一个例子: 我有三个类(class)。书籍、作者和阅读列表。 作者
我试图使用@count函数来根据它获取数据，但是在没有崩溃报告的情况下它以某种方式崩溃了。 这是代码 class PSMedia: Object { @objc dynamic var id
有谁知道是否有办法只输入字母字符而不输入数字？我想过这样的事情 CREATE DOMAIN countryDomain AS VARCHAR(100) CHECK( VALUE ??? );
我的代码: const checkoutUrl = 'https://example.com/checkout/*' window.onload = startup() function st
一些不是我编写的应用程序，也不是用 PHP 编写的，它为域 www.example.com 创建了一个 cookie。 我正在尝试替换该 cookie。所以在 PHP 中我做到了: setcookie
什么是 oauth 域？是否有任何免费的 oauth 服务？我可以将它用于 StackApps registration 吗？ ？我在谷歌上搜索了很多，但找不到答案。 最佳答案 这是redirect_
自从 In October 2009, the Internet Corporation for Assigned Names and Numbers (ICANN) approved the cre
我使用 apache 作为我的应用程序 Web 服务器的代理，并希望即时更改与 sessionid cookie 关联的域名。 该cookie有一个与之关联的.company.com域，我想使用apa
我只想托管一个子域到cloudflare。我不想将主域名的域名服务器更改为他们的域名服务器。真的有可能吗？ 最佳答案 是的，这是可能的，但是需要通过CloudFlare合作伙伴进行设置，或者您需要采用
When using socket in the UNIX domain, it is advisable to use path name for the directory directory m
想象两个共享一个域类的 Grails 应用程序。也许是 Book 域类。 一个应用程序被标识为数据的所有者，一个应用程序必须访问域数据。类似于亚马逊和亚马逊网络服务。 我想拥有的应用程序将使用普通的域
我有一个包含字段“URL”的表单。第一部分需要用户在文本框中填写。第二部分是预定义的，显示在文本框的右侧。 例如，用户在文本框中输入“test”。第二部分预定义为“.example.com”。因此，总
如果我要关闭并取消分配 azure 中的域 Controller ，从而生成新的 vm Generationid，我需要采取哪些步骤来恢复它？ 最佳答案 what steps do I need to
我想尝试使用 Azure 作为托管提供商(我有一个域)。我读过那篇文章https://learn.microsoft.com/en-us/azure/app-service-web/web-sites
所以.... 我想知道是否有人可以在这方面协助我？ 基本上，我已经创建了一个自托管的Docker容器，用作构建代理(Azure DevOps) 现在，我已经开始测试代理，并且由于我们的放置文件夹位于W
我是一名优秀的程序员,十分优秀！