Jquery可以使用“$("iframe body")html()”语句获取iframe里面body的html内容。
jQuery选择器允许对HTML元素组或单个元素进行 *** 作，所有选择器都以美元符号开头：$()。元素选择器基于元素名选取元素，例如：“$("p")”可以获取页面中所有<p>元素对应的jquery对象。
jQuery对象的html()函数用于获取该对象对应html标签内包含的所有html代码。
扩展资料：
jQuery选择器的分类：
1、元素选择器
jQuery元素选择器基于元素名选取元素，例如：“$("p")”用于选取出所有p标签的jquery对象。
2、id选择器
jQuery #id选择器通过HTML元素的id属性选取指定的元素。页面中元素的id应该是唯一的，所以您要在页面中选取唯一的元素需要通过#id选择器，例如：“$("#test")”于选取出id为“test”的jquery对象。
3、class 选择器
jQuery类选择器可以通过指定的class查找元素，例如：$("test")用于选取出所有包含“test”类的jquery对象。
参考资料来源：百度百科-jQuery
jquery、contentWindow
$("#ii")[0]contentWindow 如果用jquery选择器获得iframe，需要加一个0；
$("#ii")[0]contentWindow$("#dd")val() 可以在得到iframe的window对象后接着使用jquery选择器进行页面 *** 作;
给iframe设个id= testIframe
var parentWindow;
var testIframe;
for(var i = 0 ; i < 10; i++){
parentWindow = windowtopframes[i];
testIframe= $('#testIframe', parentWindowdocument)val();
if(testIframe){
break;
}
}
这个要看有没有选择器了
如果有的话 比如 iframe 的id name class 获取其它标签都可以
有的话下面 比如这是a页面 叫indexhtml
<html><head>
<style>
body{
width:100%;
}
#emmm{
height: 200px;
width: 200px;
}
</style>
<body>
<iframe src="
</body>
</head>
</html>
b页面 叫fubenhtml
<html><head>
<style>
body{
width:100%;
}
#emmm{
height: 100px;
width: 100px;
border:1px solid #ddd;
}
</style>
<body>
</body>
<script>
var cc = windowparentdocumentgetElementsByTagName("iframe");
for ( var i=0;i<cclength;i++ ) {
if(cc[i]getAttribute("date-m") == "2333"){
alert(cc[i]getAttribute("id")+"/"+cc[i]getAttribute("name"));
}
}
</script>
</head>
</html>
<!--
windowparentdocumentgetElementsByTagName("iframe")
这个代表获取父页面所有 iframe
然后循环所有iframe
判断当前iframe 的自定义属性
判断他等不等于定的
getAttribute就是获取属性的
（如果有id name class的话直接用值getAttribute("id");就可以）
-->//如果没有能判定的只知道是个iframe
//修改script代码
var cc = windowparentdocumentgetElementsByTagName("iframe");
for ( var i=0;i<cclength;i++ ) {
if(cc[i]getAttribute("src") == windowlocationhref){
alert(cc[i]getAttribute("id")+"/"+cc[i]getAttribute("name"));
}
}
//还是获取父页面所有iframe
//循环
//判断父页面iframe的src 是否等于当前的url 这里只写了全url 如果相对路径还要截取
//当前iframe 如果url和src相同输出当前的 id和name
parent不可以跨域 如果想要跨域来做什么修改就不要想了
1 先获取页面 a 的 document 对象，通过该对象获取 getElementsByTagName("script")[1]innerHTML 来获取页面 a 中的第二个 script 的内容。
2 获取页面 b 的 document 对象，通过该对象，将刚才 script 的内容 write 出来。
这个做法有个限制，就是不能跨域，即你不能从这个服务器去获取别人服务器页面的document对象。
仅供参考，如有错误，请指出~
要解释这个问题，首先要解释两个技术点。
每个“窗口”都是一个JS Runtime，即JS的运行时。如果只有一个窗口，那么就只有一个Runtime；如果一个窗口下面还有一个iframe，那么就有两个Runtime；以此类推。
Runtime之间互 *** 作（或者通信）是有跨域限制的。也就是说，如果这个窗口本身是abaiducom域名下的页面，那么如果这个页面下还有一个iframe，这个iframe中加载的页面是bbaiducom域名下的。那么外层的JS。就不能跟这个iframe中的内容互 *** 作（或者通信）。
因此外层Runtime中的JS想 *** 作内层iframe中的内容，就必须要避免跨域限制。要么内层iframe加载页面的域名跟外层是一样的。要么就是需要在内层iframe加载的页面中执行documentdomain = 'baiducom';从而设置跟外层的主域相同。
例如，当前页面是abaiducom/testhtml
<html>
<head>
</head>
<body>
<iframe id="iFrm1" src="
<script>
documentdomain = 'baiducom';
var ifrm1 = documentgetElementById('iFrm1');
ifrm1onload = function(){
alert(ifrm1contentWindowdocumentgetElementById('innerDiv')innerHTML);//d出恭喜你 *** 作到内部iframe中的元素了！！！
};
</script>
</body>
</html>
iframe中加载的页面内容如下：
<html>
<head>
</head>
<body>
<div id="innerDiv">恭喜你 *** 作到内部iframe中的元素了！！！</div>
<script>
documentdomain = 'baiducom';
</script>
</body>
</html>
在HTML5中新增了postMessage的API。可以方便窗口跟内部iframe之间进行通信，并且可以实现跨主域通信。但是有一些限制，1老版本的浏览器一般不支持。2父窗口只能向iframe中发送信息，iframe只能收消息，且父窗口不能直接 *** 作iframe中的内容。3父窗口发送的数据也是有限制的。只能发送基本数据类型或者plain object。
原理就是先在当前页面中找到你的Iframe对象
var
oframe
=
documentgetElementById("iframe");
再将iframe对象看着是另一个页面的文本对象
var
childDome
=
oframedocumentgetElementById("H");
简洁点的就是：documentgetElementById("iframe")documentgetElementById("H");
或者是：documentgetElementById("Result")contentWindowdocumentgetElementById("h");
以上就是关于Jquery如何获取iframe里面body的html呢全部的内容，包括:Jquery如何获取iframe里面body的html呢、如何用javascript 跨域获取iframe子页面的元素信息、如何获取页面中iframe的属性等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）