jQuery：当src是另一个域时，如何处理iframe的内容？

Question

我有一个加载页面的iframe，并且我想操纵其中的内容。

例如：

<iframe id="myIframe" src="http://www.google.com"></iframe>

<script>
    $(document).ready(function(){
        $(iframeContents).css('background-color', '#000');
    });
</script>

我怎样才能做到这一点？

Answer 1

你不能。 同源起源策略禁止这样做。

Answer 2

正如Pekka所说，不能，不能直接。 JavaScript安全模型禁止这样做。 但是，如果iFrame中的域与脚本运行所在的域相同，则可以执行此操作。 因此，可以做的是在自己的域上设置代理，并通过代理在iFrame中显示内容，然后使用JS与之交互。