被嵌套页面 如何得到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 的高度 展开
如何在 b页面 加载的时候通过js 得到 a页面的 iframe 的高度 展开
3个回答
展开全部
这个就是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加载完,会自动调整页面大小。
<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加载完,会自动调整页面大小。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
window.top.$("#frame_content").height()应该就可以,
主页面需要引入jQuery。
不用jQuery的话就
window.top.getElementById("frame_content").clientHeight
也可以
主页面需要引入jQuery。
不用jQuery的话就
window.top.getElementById("frame_content").clientHeight
也可以
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
-----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>
<!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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询