使用jQuery在iframe中查找元素的高度

Question

I just tried a selector, something like this

$('#message_type_popup').contents().find('#bb-main-content').height();

and it's resulting

Error: Permission denied for <file://> to get property HTMLDocument.ownerDocument from <http://www.sample.com>.

I just tried it locally. It works if I'm loading the iframe from same domain.

Answer 1

如果iframe不是来自同一域，则由于浏览器具有相同的来源政策 ，因此您将无法使用javascript访问其内容

Answer 2

This is to prevent cross-site scripting attacks (XSS). Content of the iframe should be originating from the same domain in order for you to be able to manipulate it through JavaScript

Some interesting reading on the topic: http://pipwerks.com/2008/11/30/iframes-and-cross-domain-security-part-2/