javascript - 无法在 jQuery 中访问 IFRAME 的内容

Question

我在通过 jQuery 遇到 IFRAME 的 contents() 时遇到困难。它实际上是我试图访问的框架中的框架。这些帧都来自相同的源(相同的域、相同的根路径等)。

我目前正在通过以下方式访问该框架:

var $frame = $(window.top.frames[1].document).find('#innerFrameName');

这工作正常，如果我 console.log $frame 的值，我会看到它是一个 jQuery 数组:

[<frame src=​"mypage.htm" id=​"innerFrameName" frameborder=​"1" border=​"1" scrolling=​"auto" title=​"My Inner Frame" name=​"bsscright">​]

但是，当我尝试调用以下命令时(如 StackOverflow question 中所述)，我得到一个空数组。

var $contents = $frame.contents();
console.log($contents);       // => []

即使我尝试访问文档本身，我也做不到。

var innerDocument = $frame.get(0).document;
console.log(innerDocument);   // => undefined

我什至尝试在没有 jQuery 的情况下进行此操作，并且得到与上面相同的结果。

var innerFrame = window.top.frames[1].frames['innerFrameName'];
var innerDocument = innerFrame.document;
console.log(innerFrame);     // => the DOM object representing the IFRAME
console.log(innerDocument);  // => undefined

我做错了什么？

Answer 1

这未经测试，您应该在访问框架时使用内容。我认为它会是:

var someDivs = $("#outerIframe").contents().find("#innerIframe").contents().find("div");