经测试：
一。找子窗口中的元素，用contents()find()的方法可以实现。
比如：
var w=$("#bb")contents()find("#c")contents()find("#ni")html();找到当前页面中id为bb的iframe下的id为c的iframe下的id为ni的html()
二。找父窗口中的元素，用：
var a=$(windowparentdocument)find("p");找到父元素中的p标签元素
跨区访问iframe内容，我知道一种方法
就是要多建立俩个iframe，通过另外一个iframe来访问你的iframe
下面是例子
主页面代码：
<html xmlns=">
<iframe id="abc">这里是源代码</iframe>
给iframe添加一个id为abc
下面是jquery：
$(function(){var html = $('#abc')html();
alert(html);
});
希望可以帮到你
initPagerList 为 iframe 页面内的方法。
<html><head>
<title></title>
<script>
$(function(){
/
说明： iframeID 为iframe的ID；
initPagerList 为 iframe 页面内的方法。
/
//调用iframe页面iframeID中的initPagerList方法
$(windowparentdocument)contents()find("#iframeID")[0]contentWindowinitPagerList();
//获取iframe页面iframeID中的文本框txtControlID对象
var txtControlObj=$(windowparentdocument)contents()find("#iframeID")[0]contentWindowfind("#txtControlID");
//为iframe页面iframeID中的文本框txtControlID赋值
txtControlObjval("我就是你需要设置的内容值！");
});
</script>
</head>
<body>
</body>
</html>
query取得iframe中元素的几种方法
在iframe子页面获取父页面元素
代码如下:
$('#objId', parentdocument);
// 搞定
在父页面 获取iframe子页面的元素
代码如下:
$("#objid",documentframes('iframename')document)
$(documentgetElementById('iframeId')contentWindowdocumentbody)html()
显示iframe中body元素的内容。
$("#testId", documentframes("iframename")document)html();
根据iframename取得其中ID为"testId"元素
$(windowframes["iframeName"]document)find("#testId")html()
用JS或jQuery访问页面内的iframe,兼容IE/FF
注意:框架内的页面是不能跨域的!
假设有两个页面,在相同域下
indexhtml 文件内含有一个iframe:
XML/HTML代码
">
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中查找元素全部的内容，包括:jquery如何从多个iframe中查找元素、页面中有多个iframe 怎么获取所有的iframe、怎么用jquery获取到当前网页中的iframe的源代码【可以加悬赏】等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）