Iframe自动适应宽度和高度

最新推荐文章于 2025-08-23 08:00:22 发布

weixin_30735391

最新推荐文章于 2025-08-23 08:00:22 发布

阅读量58

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/hezechang/archive/2008/12/23/1360805.html

本文介绍了一种使Iframe在IE和Firefox浏览器中自动适应宽度和高度的方法。通过使用JavaScript函数SetCwinHeight，可以确保Iframe的内容无论在何种浏览器下都能自动调整其大小以匹配内容的实际尺寸。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Iframe自动适应宽度和高度(both IE and Firefox )
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iframe</title>
</head>
<body>
<script type="text/javascript">
function SetCwinHeight(){
var bobo=document.getElementById("bobo"); //iframe id
if (document.getElementById){
   if (bobo && !window.opera){
    if (bobo.contentDocument && bobo.contentDocument.body.offsetHeight){
     bobo.height = bobo.contentDocument.body.offsetHeight;
    }else if(bobo.Document && bobo.Document.body.scrollHeight){
     bobo.height = bobo.Document.body.scrollHeight;
    }
   }
}
}
</script>
<iframe width="100%" id="bobo" onload="Javascript:SetCwinHeight()" height="1" frameborder="0" src="IFrame_myPage.aspx"></iframe>
这里有什么?
</body>
</html>

转载于:https://www.cnblogs.com/hezechang/archive/2008/12/23/1360805.html