如何从jQuery访问DOM的顶级？

Question

试图解决这个问题......我正试图从iframe内部访问dom的顶层。这怎么可能？

Answer 1

从框架内部，您始终可以使用window.top进入顶层。您可以使用以下方法检查您是否在框架中

var iAmInAFrame = (window.top == window.self);

您应该能够使用window.top.document.whatever（例如body，getElementById（）等）来操作您共享域名的顶级文档。

Answer 2

您可以将window.parent.document附加到您的调用以获取父级。

e.g。

$('body', window.parent.document).append("this is coming from my iframe");

修改：如下面的评论中所述，iframe必须从与父级相同的域提供，否则浏览器的安全限制将阻止此操作。

Answer 3

要在iframe的内部DOM中使用选择器和jQuery函数，可以使用Traversing/contents函数。

$("iframe").contents().find("body").append("I'm in an iframe!");