使用jQuery </object>访问<object>中的DOM

Question

我在jsfiddle上有这段代码。

HTML：

<object type="text/html" data="http://www.w3.org/" style="width:100%; height:100%;position: absolute;bottom: 0;"></object>

JS：

console.log($('object').find('*').length);

在标签中有一个奇怪的 #document 标签，我在控制台上找不到任何标签，表示零元素。

如何在<object>中读取DOM？什么是<object>中的#document？

Answer 1

不要使用<object>元素来加载HTML文档。请改用<iframe> - 支持和API更好。

然后你可以使用

var frame_contents = $('iframe').contents(); 
console.log($(frame_contents).find("*").length);

...如果您从其他来源加载文档，则受制于通常的跨源安全限制。