嵌入（iframe或对象）和修改（jQuery）网页

Question

我只是想使用object标签或iframe在我的网页中加载另一个网页。然后，我想用jQuery删除加载页面的一些元素。

这是我的代码

<div> 
    <object type="text/html" data="http://ebird.org/ebird/map/eurtre1" width="100%" height="400px" id="eurtre1">
    </object>
 </div>

<script>
jQuery( window ).load(function() {
    jQuery('#map-sidebar').remove();
});
</script>

并且，正如您猜测的那样，它无法正常工作...... 我试过了：

jQuery('#eurtre1').contents().find('#map-sidebar')

和

jQuery('#eurtre1')[0].contentDocument.children

有线的事情就是在我的浏览器上，我可以在控制台中完成它，一旦我选择了对象的内部......

有什么想法吗？

Answer 1

以下是类似问题的链接：

how to access an iframe and affect it with jQuery

基本上你不能因为Javascript同源政策，但如果你有权访问iframe中加载的内容，你可以使用window.postMessage

您还可以在iframe的src标记中添加一个参数来发布消息，如下所示：

<iframe src="http://www.example.com?hideElement=true"></iframe>

您必须再次访问iframe的内容以检查参数并执行您的代码。