iframe自动适应大小

骑猪看日落 2021-11-10 02:00 198阅读 0赞

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code   
<script type="text/javascript">    
    function SetWinHeight(obj)  
    \{  
        var win=obj;  
        if (document.getElementById)  
        \{  
            if (win && !window.opera)  
            \{  
                if (win.contentDocument && win.contentDocument.body.offsetHeight)   
                    win.style.height = win.contentDocument.body.offsetHeight;  
                else if(win.Document && win.Document.body.scrollHeight)  
                    win.style.height = win.Document.body.scrollHeight;  
            \}  
  
        \}  
    \}  
</script>

< iframe  width ="100%"  frameborder ="0"  id ="ifr"  name ="ifr"  src ="mindex.html"  onload ="SetWinHeight(this)"  scrolling ="no" ></ iframe >

转载于:https://www.cnblogs.com/hayden/archive/2009/08/17/1548168.html

[ContractedBlock.gif]: https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20211109/4bd5293c42e5457a9fd574f696254c4c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，198人围观）

还没有评论，来说两句吧...

相关阅读

相关 iframe 自适应

目录 iframe 自适应 1. 使用百分比或vw/vh单位设置 iframe 的宽度和高度 2. 使用 CSS Flexbox 布局 3. 使用 JavaScript

逃离我推掉我的手/ 2023年10月17日 08:58/ 0 赞/ 113 阅读

相关 iframe 动态加载pdf预览且自动适应页面大小

1.在网页加上按钮引导进入子页面 <li> <a class="J_menuItem" href="pdf.html?pdfname=pdf/1.

向右看齐/ 2023年07月25日 11:29/ 0 赞/ 8 阅读

相关 iframe自适应高度

function setIframeHeight(iframe) \{ if (iframe) \{ var iframeWin

妖狐艹你老母/ 2022年09月24日 08:29/ 0 赞/ 271 阅读

相关【Javascript】自动适应的iframe高度

//设置自适应高度 function setFrameHeight(){ document.all("basedmapFrame1").heigh

骑猪看日落/ 2022年08月22日 01:17/ 0 赞/ 156 阅读

相关表格自动适应浏览器大小及DIV浮动设计（页面自适应浏览器大小）

一、表格自适应浏览器大小之前写了个页面，将width和height值给定死了，这样导致浏览器缩小时，表格不会跟着自动适应浏览器大小。

Bertha 。/ 2022年08月13日 14:46/ 0 赞/ 262 阅读

相关 iframe自适应高度

[JS][]自适应高度，其实就是设置[iframe][]的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。如果内容是固定的，

落日映苍穹つ/ 2022年07月15日 15:49/ 0 赞/ 302 阅读

相关 iframe自适应高度

<iframeοnlοad="this.height=this.document.documentElement.scrollHeight"name="reportsFrame

柔光的暖阳◎/ 2022年04月14日 05:20/ 0 赞/ 346 阅读

相关 iframe高度自适应

<iframe src="index.html" onload="this.height=this.contentWindow.document.body.scrol

心已赠人/ 2022年03月17日 16:28/ 0 赞/ 360 阅读

相关 iframe自动适应大小

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code <script type="text/javas

骑猪看日落/ 2021年11月10日 02:00/ 0 赞/ 199 阅读

相关 iframe高度自适应

子页面头部是： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w

柔光的暖阳◎/ 2021年07月26日 12:30/ 0 赞/ 559 阅读