方法一：用两个iframe就可以实现了，比如获取这个页面右边的“分类上升达人排行榜”这一小块：
先建一个ahtm：
<html>
<head>
<meta >
如果有的话 比如 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不可以跨域 如果想要跨域来做什么修改就不要想了
可以通过 windowtopframes 先获取全部 frame，在你的例子中有两个 frame
windowtopframes[0]：left
windowtopframes[1]：main
获得两个 frame 后就可以像平常一样获取页面元素
indexhtml
<!DOCTYPE html><html>
<head>
<title></title>
</head>
<frameset cols="300,">
<frame id="left" src="lefthtml">
<frame id="main" src="mainhtml">
</frameset>
</html>
lefthtml
<!DOCTYPE html><html>
<head>
<title>left</title>
</head>
<body>
<p>lefthtml</p>
<div id="num">12345</div>
</body>
</html>
mainhtml
<!DOCTYPE html><html>
<head>
<title>main</title>
<script type="text/javascript">
// windowtopframes[0] 为 lefthtml
var html = windowtopframes[0]documentgetElementById("num")innerHTML;
// 12345
alert(html);
</script>
</head>
<body>
<p>mainhtml</p>
</body>
</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);
要解释这个问题，首先要解释两个技术点。
每个“窗口”都是一个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。
1、首先需要在body中增加一个iframe，可以给这个标签设置宽高，还可以设置位置。
2、然后在前台界面的某个位置，增加一个点击事件onclick。
3、然后点击事件，总要对应的设置一个事件方法。
4、然后在方法内增加iframe的重载url，重新给src赋值。
5、最后运行html界面，点击前台的按钮，触发刷新iframe的方法，就完成了。
1、创建一个名称为css的html文件。
2、在页面中加入一个button按钮，当点击button的时候出发click事件。
3、在加入一个div设置宽和高还有背景色，当button的click事件中用css方法修改该div背景色。
4、文件引入jquery 库。
5、在文档准备方法中加入click点击事件。
6、在click事件中加入css方法设置div的背景色。
7、在浏览器中运行该文件。并点击button设置div的背景色。
1、获取iframe
eg var ifr_window = windowframes["frameName"];
2、获取iframe中的元素
eg1 将iframe中id为elementId 的元素置为不显示：
var ifr_window = windowframes["frameName"];
ifr_windowelementIdstyledisplay = 'none';
eg2 获取iframe中id为listTable的表格
var oTable = windowframes["myFrame"]documentalllistTable;
3、隐藏或显示表格的某列
js函数：
function setHiddenOrShowCol(oTable, iCol, type) {
for (i = 0; i < oTablerowslength ; i++) {
oTablerows[i]cells[iCol]styledisplay = type;
}
}
调用举例，将id为listTable的表格元素的第4列置为不显示：
var oTable = windowframes["myFrame"]documentalllistTable;
setHiddenOrShowCol(oTable, 3, 'none');
调用举例2，将id为listTable的表格元素的第4列置为显示：
var oTable = documentframesmyFramedocumentalllistTable;
setHiddenOrShowCol(oTable, 3, 'block');
以上就是关于iframe获得内容，如何获得页面的中间部分全部的内容，包括:iframe获得内容，如何获得页面的中间部分、如何用 iframe 中的 JavaScript 获取 iframe 本身的 ID 或 name、关于iframe中获取页面元素的问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）