JS怎么控制IFRAME高度自动适应内容而不出现滚动条
我有一框架如下functionSetCwinHeight(divid){varcwin=$(divid);if(document.getElementById){if(c...
我有一框架如下
function SetCwinHeight(divid)
{
var cwin=$(divid);
if (document.getElementById)
{
if (cwin && !window.opera)
{
if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight)
{
cwin.height = cwin.contentDocument.body.offsetHeight;
}
else if(cwin.Document && cwin.Document.body.scrollHeight)
{
cwin.height = cwin.Document.body.scrollHeight;
}
}
}
}
<IFRAME id=uBox name=uBox src="1.html" frameBorder=0 width=100% scrolling=no onload=Javascript:SetCwinHeight('uBox')></IFRAME>
id=uBox的框架的高度是根据1.html来决定的，现在有一个问题，就是当1.html的内容如下时
<html>
<head>
<title>说明问题</title>
</head>
<body>
<table>
<tr>
<td>
<table>
<tr><td>左边标题1</td></tr>
<tr><td>左边标题2</td></tr>
<tr><td>左边标题3</td></tr>
<tr><td>左边标题4</td></tr>
<tr><td>左边标题5</td></tr>
<table>
</td>
<td>
<IFRAME id=rightMain name=rightmain src="" frameBorder=0 width=99% scrolling=no onload=Javascript:SetCwinHeight('rightMain')></IFRAME>
</td>
</tr>
</table>
</body>
</html>
id=uBox的框架的高度只根据
<td>
<table>
<tr><td>左边标题1</td></tr>
<tr><td>左边标题2</td></tr>
<tr><td>左边标题3</td></tr>
<tr><td>左边标题4</td></tr>
<tr><td>左边标题5</td></tr>
<table>
</td>
来决定，而不考虑
<td>
<IFRAME id=rightMain name=rightmain src="" frameBorder=0 width=99% scrolling=no onload=Javascript:SetCwinHeight('rightMain')></IFRAME>
</td>
，我现在想让id=uBox的框架的高度不仅是根据内容来决定，还得要根据id=rightMain的子页面框架的高度来决定，这样子的话，我的SetCwinHeight(divid)要怎么改呀，请大家帮帮忙 展开
function SetCwinHeight(divid)
{
var cwin=$(divid);
if (document.getElementById)
{
if (cwin && !window.opera)
{
if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight)
{
cwin.height = cwin.contentDocument.body.offsetHeight;
}
else if(cwin.Document && cwin.Document.body.scrollHeight)
{
cwin.height = cwin.Document.body.scrollHeight;
}
}
}
}
<IFRAME id=uBox name=uBox src="1.html" frameBorder=0 width=100% scrolling=no onload=Javascript:SetCwinHeight('uBox')></IFRAME>
id=uBox的框架的高度是根据1.html来决定的，现在有一个问题，就是当1.html的内容如下时
<html>
<head>
<title>说明问题</title>
</head>
<body>
<table>
<tr>
<td>
<table>
<tr><td>左边标题1</td></tr>
<tr><td>左边标题2</td></tr>
<tr><td>左边标题3</td></tr>
<tr><td>左边标题4</td></tr>
<tr><td>左边标题5</td></tr>
<table>
</td>
<td>
<IFRAME id=rightMain name=rightmain src="" frameBorder=0 width=99% scrolling=no onload=Javascript:SetCwinHeight('rightMain')></IFRAME>
</td>
</tr>
</table>
</body>
</html>
id=uBox的框架的高度只根据
<td>
<table>
<tr><td>左边标题1</td></tr>
<tr><td>左边标题2</td></tr>
<tr><td>左边标题3</td></tr>
<tr><td>左边标题4</td></tr>
<tr><td>左边标题5</td></tr>
<table>
</td>
来决定，而不考虑
<td>
<IFRAME id=rightMain name=rightmain src="" frameBorder=0 width=99% scrolling=no onload=Javascript:SetCwinHeight('rightMain')></IFRAME>
</td>
，我现在想让id=uBox的框架的高度不仅是根据内容来决定，还得要根据id=rightMain的子页面框架的高度来决定，这样子的话，我的SetCwinHeight(divid)要怎么改呀，请大家帮帮忙 展开
展开全部
<script type="text/javascript">
function setHeight(){
var iframe = document.getElementById("iframe_id");
try{
var aHeight = iframe.contentWindow.document.body.scrollHeight;
var bHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(aHeight, bHeight);//取最高值;
iframe.height = height;
}catch (e){}
}
</script>
在iframe中把height="XXX"不要 加入onload="setHeight()"
function setHeight(){
var iframe = document.getElementById("iframe_id");
try{
var aHeight = iframe.contentWindow.document.body.scrollHeight;
var bHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(aHeight, bHeight);//取最高值;
iframe.height = height;
}catch (e){}
}
</script>
在iframe中把height="XXX"不要 加入onload="setHeight()"
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
