- 本栏最新文章
- Java对于Cookie的操作详解 06-27
- 处理大量JavaScript对象的好选择:JSON 06-26
- 动态CSS，换肤技术 05-09
- Lightbox JS v2.0 04-29
- Iframe自动适应高度 04-18
- 如何实现iframe(嵌入式帧)的自适应高度 04-18
- 根据内容自动调整IFrame高度 04-18
- 用iframe自动适应高度 04-18
- 【翻译】动态调用样式表代码 04-04
- Java更新XML地四种常用办法简略介绍(1) 04-01
- 本栏推荐文章
- ASP.NET设计网络硬盘之查看文件夹 04-29
- ASP.NET设计网络硬盘之文件夹实现 04-29
- ASP.NET设计网络硬盘之上传文件 04-29
- 小试ASP.NET 2.0的兼容性 04-29
- ASP 系列函数大全 04-29
- Asp.net Mvc Framework 九 (View与Controlle... 04-04
- 【翻译】动态调用样式表代码 04-04
- Flash AS3.0 实现FLASH的“动态链接库” 03-31
- Flash AS3.0 爽快使用XML 03-31
- MySQL的LIST分区体验与总结 03-27
Iframe自动适应高度
今天我这个js小菜碰到了一个iframe的问题，就是老是不能适应高度，真是太难看了，后来看到梅花雨的，太长了，虽然可以适合多个浏览器，但是我是个懒鬼，就没有写下来，后来也不知道在哪里看到的下面的代码：
function sizeChange()
{
window.status=AAA.document.body.scrollHeight;
document.all.AAA.height=AAA.document.body.scrollHeight;
}
........
<IFRAME id="AAA" src='<%# DataBinder.Eval(Container.DataItem, "HTML") %>' frameBorder=0 width="100%" scrolling=no> </IFRAME>
非常的简单，呵呵。现在就搞定了！
另外一个解决方法：（IE与FF都可使用）
点此测试
<script type=text/javascript>
<!--
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0
function dyniframesize(down) {
var pTar = null;
if (document.getElementById){
pTar = document.getElementById(down);
}
else{
eval('pTar = ' + down + ';');
}
if (pTar && !window.opera){
//begin resizing iframe
pTar.style.display="block"
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
//ns6 syntax
pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
}
else if (pTar.Document && pTar.Document.body.scrollHeight){
//ie5+ syntax
pTar.height = pTar.Document.body.scrollHeight;
}
}
}
-->
</script>
</HEAD>
<body onmousemove="closesubnav(event);">
<form id="Form1" method="post" runat="server">
<FONT face="宋体">
<uc1:Admin_header id="Admin_header1" runat="server"></uc1:Admin_header></FONT>
<div id="pagecell1" >
<iframe name="down" width="100%" frameborder="0" src="introduction.aspx" scrolling="no" id="down" onload="javascript:dyniframesize('down');"
/>
</div>
</form>
</body>
</HTML>
