javascript - 嵌入(iframe 或对象)和修改 (jQuery) 网页

Question

我只是尝试使用对象标记或 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 的内容才能检查参数并执行代码。