被嵌套页面如何得到iframe 高度

a页面<iframeid="frame_content"src="b.html"scrolling="no"frameborder="0"style="height:10... a 页面 <iframe id="frame_content" src="b.html" scrolling="no" frameborder="0" style="height:100% ; width:100%;" ></iframe>
如何在 b页面加载的时候通过js 得到 a页面的 iframe 的高度展开

 我来答

3个回答

#合辑# 面试问优缺点怎么回答最加分？

乀柠檬最萌
推荐于2016-05-03 · TA获得超过1.6万个赞

知道大有可为答主

回答量：4550

采纳率：95%

帮助的人：447万

我也去答题访问个人页

关注

展开全部

这个就是iframe高度的问题。以下代码可以解决：
<iframe src="default.html" id="mainweb" name="mainweb" width="100%" height="100%" frameborder="0" onLoad="iFrameHeight()" ></iframe>
<script type="text/javascript" language="javascript">
function iFrameHeight() {
var ifm= document.getElementById("mainweb");
var subWeb = document.frames ? document.frames["mainweb"].document :
ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
}
</script>

为了测试，iframe的height可以预先设置一个固定高度比如：height="200"（也可以使用100%）,iframe加载完，会自动调整页面大小。

已赞过 已踩过<

评论收起

coddykilly
2011-11-25 · TA获得超过682个赞

知道小有建树答主

回答量：295

采纳率：100%

帮助的人：275万

我也去答题访问个人页

关注

展开全部

window.top.$("#frame_content").height()应该就可以，
主页面需要引入jQuery。

不用jQuery的话就
window.top.getElementById("frame_content").clientHeight
也可以

已赞过 已踩过<

评论收起

zwyphoenix
推荐于2016-07-08 · TA获得超过110个赞

知道答主

回答量：84

采纳率：0%

帮助的人：73万

我也去答题访问个人页

关注

展开全部

-----a.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  这个是a页面
  <iframe id="frame_content" src="b.html" scrolling="no" frameborder="0"  style="height:100% ; width:100%;"></iframe>

 </BODY>
</HTML>
-----b.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script>
alert(parent.document.getElementById('frame_content').style.height);
  </script>
 </HEAD>

 <BODY>
  这个是b页面 
 </BODY>
</HTML>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

被嵌套页面 如何得到iframe 高度

其他类似问题

为你推荐：

被嵌套页面如何得到iframe 高度