http://blog.csdn.net/meizz/archive/2006/03/27/639857.aspx
解决方案 »
- 盛大面试题:js检查页面上有无重复id(可用框架jquery,加分后重发)
- js能不能取得客户端另一个网站的cookie??
- js 关闭窗口 如果才能不弹出提示
- 突然想到一个问题不知如何实现
- 关于在页面存储变量。。
- 求助,卡住了,请问有人知道什么是匿名函数嘛?下面这段是吗?是的话怎么应用啊?
- 為什麼這個對象寫的不對??? 要不到我要結果!
- 如何让其中的几行js 兼容于 Mozilla ? 或其它更多的浏览器?
- 在window.open()中如何控制打开窗口的位置?
- 求js大神帮帮忙!能否看得懂一下的js代码!!!!!急急急!!!谢谢了!!!
- 请教一个验证法则!谢谢!
- 在子窗口如何调用父窗口的JAVASCRIPT函数?
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'>
<title>用 iframe 模拟 frame 使网架网页能够居中</title>
</head>
<body topmargin=0 leftmargin=0><center>
<table border=0 width=780 height=100% cellspacing=0 cellpadding=0 align=center>
<tr><td width=780 colspan=2 height=100>
<iframe width=100% height=100% frameborder=1></iframe>
</td></tr>
<tr>
<td width=180>
<iframe width=100% height=100% frameborder=1></iframe>
</td>
<td width=600 valign=top><div style="height: 100%">
<iframe width=100% height=100% name="MzMain" frameborder=1
id="MzMain" src="用iframe模拟frame子页.htm"></iframe>
</div></td>
</tr>
</table>
</center></body></html>
用iframe模拟frame子页.htm
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'>
<title>iframe 自适应其加载的网页(多浏览器兼容)</title>
<script language=javascript>
function iframeAutoFit() //author: meizz(梅花雪 20041225)
{
if(self!=top && window.name=="MzMain") //这个 name 对应的是 iframe 的 name
{
var iframe = parent.document.getElementById(window.name);
if(iframe)
{
iframe.parentNode.style.height = iframe.style.height;
iframe.style.height = 10;
var h = document.body.scrollHeight;
var minimalHeight = parseInt((window.screen.width*11)/16, 10) - 280;
h = h<minimalHeight ? minimalHeight : h;
if(window.navigator.appName == "Microsoft Internet Explorer"
&& iframe.frameBorder=="1") h += 4;
iframe.parentNode.style.height = iframe.style.height = h;
}
else alert("Iframe's id unequal to iframe's name!");
}
}
if(document.attachEvent) window.attachEvent("onload", iframeAutoFit);
else window.addEventListener('load', iframeAutoFit, false);
</script>
</head>
<body>
<span style="width: 300; height: 400; background-color: yellow">
iframe 自适应其加载的网页(多浏览器兼容)
</span>
</body>
</html>
--
MEIzz的
onload="parent.document.all.p.style.height=document.body.scrollHeight"
<iframe id=test name=p onload='reSizeFrame("test")' src="12312.html"></iframe>
在12312.html中
onload="parent.document.all.test.style.height=document.body.scrollHeight">
==>不是document.all.p
<iframe id=test name=p onload='reSizeFrame("test")' src="12312.html"></iframe>
在12312.html中
onload="parent.document.all.test.style.height=document.body.scrollHeight">
==>不是document.all.p
------------------------------------------------------------------------------
onload="parent.document.all('iframe名字').height=document.body.scrollHeight"也可以用JS
12312.html
加在页面最后
<script language="Javascript">
function doIt()
{
parent.document.all.yibo.style.height=document.body.scrollHeight;
}
onload=doIt
</script>--b.html--
<iframe name="p" scrolling="no" frameborder="0" src="12312.html"" marginwidth="0" marginheight="0" width=100%>注意:name="p"和parent.document.all."p".style.height=document.body.scrollHeight;要一致!