iframe 不使用滚动条显示所有的内容

最新推荐文章于 2023-11-04 10:19:26 发布

rzq228

最新推荐文章于 2023-11-04 10:19:26 发布

阅读量7.2k

点赞数

本文链接：https://blog.csdn.net/rzq228/article/details/70885627

版权

1.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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
var timeIframe;
window.οnlοad=function(){
timeIframe=setTimeout(GetIframeStatus,10);
}
function GetIframeStatus()
 {
  var iframe = document.getElementById("iframe");
  var iframeWindow=iframe.contentWindow;
  //内容是否加载完
  if(iframeWindow.document.readyState=="complete")
  {
   var iframeWidth,iframeHeight;
   //获取Iframe的内容实际宽度
   iframeWidth=iframeWindow.document.documentElement.scrollWidth;
   //获取Iframe的内容实际高度
   iframeHeight=iframeWindow.document.documentElement.scrollHeight;    
   //设置Iframe的宽度
   iframe.width=iframeWidth;
   //设置Iframe的高度
   iframe.height=iframeHeight;
  }
  else
  {
   timeIframe=setTimeout(GetIframeStatus,10);
  }
 }
</script>
</head>

<body>
<div class="topbar">
     这里是topbar琐碎按钮
</div>
<div class="wrap">
<div class="logo">这里是banner</div>
<div class="navl">
<div class="navr">
<div class="navc">这里是导航</div>
</div>
</div>
<iframe id="iframe" name="abc" src="2.html" width="960px" scrolling="no"></iframe>
</div>
</body>
</html>

2.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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<p>122222222222222222222</p><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>
<p>bbbbbbbbbbbbbbbbbbb </p>
</body>
</html>

rzq228

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
iframe 不使用滚动条显示所有的内容

1.htmlhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档var timeIframe;window.onload=function(){timeIframe=setTimeout(GetIframeStatus,10);}function
复制链接

扫一扫