|
蓝森林 http://www.lslnet.com 2006年8月25日 8:28
 iframe自适应高度问题
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<title>test</title>
<style type="text/css">
iframe{
border: 1px dashed Silver; width: 580px;
}
</style>
</head>
<body>
<iframe src="http://www.blueidea.com/" frameborder="0" scrolling="no" height="100%"></iframe>
</body>
</html>
[/html]
怎样让iframe自适应被链接的页面的高度？ |
[code]
方案一：
<script>
function change_size(){
the_table.height = the_frame.document.body.scrollHeight + 5;
}
</script>
在body里加上
<body onload="change_size()">
然后是iframe部分
<table width="778" border="0" cellspacing="0" cellpadding="0" align="center" id="the_table">
<tr><td>
<iframe frameborder=0 scrolling=0 src="/index.asp" width="100%" height="100%" id="the_frame"></iframe>
</td></tr></table>
这样iframe的高度会随着index.asp的内容自动调整高度。
方案二：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html>
<head>
<script>
function frameResize(){
document.getElementById("cFF").style.height=cF.document.body.scrollHeight+20+"px";
}
</script>
</head>
<body>
<iframe src="./" name="cF" id="cFF" onload="frameResize()"></iframe>
</body>
</html>
[/code]
以上两个方案都存在一个问题，对引用本域名以外的地址无效（取法取得高度） |
| http://bbs.blueidea.com/viewthread.php?tid=2641493 |
|
