iframe 的问题

Question

我正在为许多不同的随机网站动态生成 iframe，并且我倾向于在我的 javascript 控制台中收到此错误（不一定使用此 url）：

Unsafe JavaScript attempt to access frame with URL http://localhost:3000/results/ from frame with URL http://www.apple.com/iphone/. Domains, protocols and ports must match.

为什么我会收到此错误？ 有没有办法摆脱它？

所以我在 javascript 中与 iframe 交互的唯一两次是当我动态加载 iframe 时：

$("#results_div").html('<iframe src='+url+' frameborder="0" class="iframe"><p>Browser does not support iframes.</p></iframe>');

当我拉出 iframe 的src属性时：

var previewed = $("iframe").attr("src");

哪个导致错误？

Answer 1

iframe 中的脚本正在尝试访问父级的脚本/dom，并且它们位于不同的域中。 跨域脚本通常会生成该错误。

在您的情况下， apple.com和localhost是不同的域，并且 iframe 中的某些内容正在尝试访问其父窗口的脚本或 dom 元素。

解决这个问题的几种方法：

• Make sure both belong to same domain: http://www.google.com/url?sa=t&source=web&cd=2&ved=0CD0QFjAB&url=https%3A%2F%2Fdeveloper.mozilla.org%2Fen%2FSame_origin_policy_for_JavaScript&ei=VHsaTtqtGcPngQeLvN31Dw&usg=AFQjCNF2yi5TJQGfSywsrfxVvKdsQYzIKg
• 限制：通过postmessage使用 HTML5 的跨域消息传递：http://ajaxian.com/archives/cross-window-messaging-with-html-5-postmessage
• 有限：使用 JOSNP 调用： http://www.zackgrossbart.com/hackito/jsonp-sop/

Answer 2

这是因为您的脚本正试图访问另一个域上的某些代码。 这种行为可以通过阅读同源策略来理解。 http://en.wikipedia.org/wiki/Same_origin_policy

有一些变通方法和一些实现可以解决此问题。

其中一些正在使用代理方法，片段标识符方法。

在 HTML5 中，我们可以使用 postmessages 来解决这个问题。

但是你必须弄清楚什么对你有用。

Answer 3

除了将带有 .