使用jQuery對<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>中的＃文檔？

Answer 1

請勿使用<object>元素加載HTML文檔。使用代替 - 支持和API更好。

然後你可以使用

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

...受到通常跨起源的安全性限制，如果你從不同來源加載一個文件。