被嵌套页面 如何得到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 的高度
展开
 我来答
乀柠檬最萌
推荐于2016-05-03 · TA获得超过1.6万个赞
知道大有可为答主
回答量:4550
采纳率:95%
帮助的人:434万
展开全部
这个就是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%
帮助的人:273万
展开全部
window.top.$("#frame_content").height()应该就可以,
主页面需要引入jQuery。

不用jQuery的话就
window.top.getElementById("frame_content").clientHeight
也可以
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
zwyphoenix
推荐于2016-07-08 · TA获得超过110个赞
知道答主
回答量:84
采纳率:0%
帮助的人:72.5万
展开全部
-----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)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式