自适应需要一个代理文件来更改iframe的高度
三个文件如下:index.html,iframe.html,trans.html
1.index.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">
<head><title>seared2008iframe主页面</title></head>
<body>
<div style="border:1px solid #ccc;padding:10px;">
<iframe id="seared2008" name="seared2008" src="iframe.html" width="100%" height="0" scrolling="no" frameborder="0"></iframe>
</div>
<br/>尾部<br/>
</body>
</html>
2.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">
<head><title>seared2008被iframe嵌套页面</title></head>
<body>
文字<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
文字<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
文字<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
文字<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<iframe id="seared2008A" name="seared2008A" src="" width="0" height="0" style="display:none;" ></iframe>
<script type="text/javascript">
function sethash(){
var bs = document.body.scrollHeight;
var es = document.documentElement.scrollHeight;
if(es == 0){
hashH = bs;
}else{
hashH = es;
}
urlC = "trans.html";
document.getElementById("seared2008A").src=urlC+"#"+hashH;
}
window.οnlοad=sethash;
</script>
</body>
</html>
3.trans.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">
<head><title>seared2008iframe中介页面</title></head>
<body>
<script>
function pseth() {
var iObj = parent.parent.document.getElementById('seared2008');
iObjH = parent.parent.frames["seared2008A"].frames["seared2008A"].location.hash;
iObj.style.height = iObjH.split("#")[1]+"px";
}
pseth();
</script>
</body>
</html>