jquery如何获取iframe的document对象

1、你取得iframe的document的前提为这个iframe的地址是你域内的页面，

比如你设src为百度，取这个iframe的document时就会报拒绝访问的错误

2、我试过了 documentgetElementById('myf')contentWindowdocument 在ie与谷歌都行的

3、documentframes('iframename')document 这个方法只能在ie下面取得到

4、用火狐的firebug看看吧，有什么错都会显示出来，莫名其妙的事情什么时候都可能发生，

有时我直接取取window都报undefined

//1、格式：

windowframes["iframe的name值"]documenttitle;

//实例：

windowframes["ifm"]documenttitle;

//2、格式：

var obj=documentgetElementById("iframe的name")contentWindow;

var ifmObj=objdocumenttitle;

//实例：

var obj=documentgetElementById("ifm")contentWindow;

var ifmObj=objdocumenttitle;

//3、格式：

windowparentdocumentgetElementById("父窗口的元素ID")title;

//实例：

windowparentdocumentgetElementById("ifm")title;

//jquery在父窗口中获取iframe中的元素

//1、格式：

$("#iframe的ID")contents()attr("title");//jquery 方法1

//实例：

$("#ifm")contents()attr("title");//jquery 方法1

//2、格式：

$(selector, windowtopdocument);; //jquery 方法2

//实例：

$(document, windowtopdocument)attr("title");//jquery 方法2

//类似的方法

$(selector, windowtopdocument); 

$(selector, windowopenerdocument); 

$(selector, windowtopframes[0]document);

这个jQuey不记得怎么写了。js的写法是获取iframe的contentWindow,综上所述

documentgetElementById('mainiframe')contentWindowdocumentbodyinnerHTML

在 *** 作iframe是有一点要注意一定要等到它加载完成之后才能 *** 作，如果没有加载直接 *** 作是找不到对象的

JS获取/设置iframe内对象元素、文档的几种方法

1、IE专用(通过frames索引形象定位)：

复制代码 代码如下:

documentframes[i]documentgetElementById('元素的ID');

2、IE专用(通过iframe名称形象定位)：

复制代码 代码如下:

documentframes['iframe的name']documentgetElementById('元素的ID');

以上方法，不仅对iframe适用，对frameset里的frame也同样适用。IE虽然擅于自定标准，但不得不说它很多的设计还是比较体现人性化的。比如这个，它在同样支持下面的标准路径之外，提供了一个简洁且形象化的写法。

3、通用方法：

复制代码 代码如下:

documentgetElementById('iframe的ID')contentWindowdocumentgetElementById('元素的ID')

注意要加上contentWindow，往往出现问题都是因为这个容易被忽略，它代表frame和iframe内部的窗口对象。

JS获取iframe文档内容

复制代码 代码如下:

<script type="text/javascript">

function getIframeContent(){ //获取iframe中文档内容

var doc;

if (documentall){ // IE

doc = documentframes["MyIFrame"]document;

}else{ // 标准

doc = documentgetElementById("MyIFrame")contentDocument;

}

return docbodyinnerHTML;

}

</script>

注意：上面的 contentDocument 相当于 contentWindowdocument ！

一、需求与遇到的问题

在网站的后台管理中使用了iframe框架布局，包括顶部菜单、左侧导航和主页面。需求是：点击主页面上的一个按钮，在顶部菜单栏的右侧显示“退出”链接，点击可退出系统。

我的思路是：在顶部的菜单页面放一个不可见的“退出”链接，当用户点击位于iframe中的主页面（mainPagehtm）中的按钮时，在顶部菜单页面的右侧显示“退出”。

我现在遇到的问题是：如何在页面的一个iframe子页面（mainPagehtm）中获取并且 *** 作其它iframe子页面（比如topPagehtm）中的HTML元素？

二、通过JS获取并 *** 作iframe中的元素来解决问题

这里主要就是通过JS来 *** 作Window对象。Window 对象表示浏览器中打开的窗口，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。

经过我在网上查资料，找到了JS *** 作iframe中HTML元素的方法。示例如下。

复制代码 代码如下:

function ShowExit() {

//获取iframe的window对象

var topWin = windowtopdocumentgetElementById("topNav")contentWindow;

//通过获取到的window对象 *** 作HTML元素，这和普通页面一样

topWindocumentgetElementById("exit")stylevisibility = "visible";

}　

说明：第一步，通过windowtopdocumentgetElementById("topNav")方法获取了顶部菜单页面（topPagehtm）所在的iframe对象；第二步，通过上一步获取到的iframe对象的contentWindow属性得到了iframe中元素所在的window对象；第三步，通过上一步获取到的window对象来 *** 作iframe框架中的元素，这和 *** 作不在iframe框架中的普通HTML元素是一样的。

//jquery在父窗口中获取iframe中的元素

//1、获取页面firame1的html内容

$("#iframe1")contents()find("#form1")html()

//获取iframe内的网页标题

$("#iframe的ID")contents()attr("title");//jquery 方法1

//类似的方法

$(selector, windowtopdocument); 

$(selector, windowopenerdocument); 

$(selector, windowtopframes[0]document);

只有 当iframe里的页面和当前页面 处在同一个域下时才可以

$($('#A')prop('contentWindow')document)find("#B");

这样你试试

以上就是关于jquery如何获取iframe的document对象全部的内容，包括:jquery如何获取iframe的document对象、jquery在父页面获取iframe子页面的title，怎么获取、jquery 获取iframe里面的元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！