我的博文
iframe自适应高度的实现,兼容IE和FireFox
2009-02-10 13:57 阅读(537) 评论(0) 分类:典
iframe在网页设计中是经常使用的,使用如下代码可以实现,并且兼容IE和FireFox,已经测试通过IE7.0和FF3。
<script type="text/javascript">
function SetCwinHeight(){
var idname=document.getElementById("idname"); //iframe 的id名称
if (document.getElementById){
if (idname && !window.opera){
if (idname.contentDocument && idname.contentDocument.body.offsetHeight){
idname.height = idname.contentDocument.body.offsetHeight;
}else if(idname.Document && idname.Document.body.scrollHeight){
idname.height = idname.Document.body.scrollHeight;
}
}
}
}
</script>
<iframe width="100%" id="idname" onload="Javascript:SetCwinHeight()" height="1" frameborder="0" src="/default.asp?ID=1"></iframe>
function SetCwinHeight(){
var idname=document.getElementById("idname"); //iframe 的id名称
if (document.getElementById){
if (idname && !window.opera){
if (idname.contentDocument && idname.contentDocument.body.offsetHeight){
idname.height = idname.contentDocument.body.offsetHeight;
}else if(idname.Document && idname.Document.body.scrollHeight){
idname.height = idname.Document.body.scrollHeight;
}
}
}
}
</script>
<iframe width="100%" id="idname" onload="Javascript:SetCwinHeight()" height="1" frameborder="0" src="/default.asp?ID=1"></iframe>
下一篇:龙潭寺
共0条评论