在使用iframe的时候,会出现iframe不能随着内容的高度自动改变的情况,下面就介绍一种可以自适应高度的办法。<br/>

<pre>

  <iframe id="iframe" name="search_1" src="zhaiyao.html" frameborder="0" scrolling="no"  οnlοad="setIframeHeight(this)"></iframe> 

  <script>

   function setIframeHeight(iframe) {

    if(iframe) {
        var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
        if(iframeWin.document.body) {
        iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
          }
        }
};

  </script>

  </pre> 

      这么写是判断 ,每次iframe的onload事件后自动适应内容改变iframe的高度。

转载于:https://www.cnblogs.com/7Ezreal/p/5960398.html

iframe 自适应内容高度相关推荐

  1. jquery库实现iframe自适应内容高度和宽度

    javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码! ‍<iframe src="index.php" id=&qu ...

  2. flex布局均分高度了,没有自适应内容高度,怎么回事

    前言 flex布局中,通常我们都希望子元素的高度是自适应.自动被内容撑开,我们的做法基本是直接display:flex,不需要额外再去设置其他属性就会得到下面的效果.但是最近使用uniapp模拟产品分 ...

  3. Div高度自适应内容高度之最简处理

    1.首先确定这个div是block.默认情况下,div是block,不是就设置display:block: 2.div不要设置高度,设置overflow:hidden:

  4. php自适应高度,iframe 自适应高度

    各位大侠,如何让iframe自适应内容的高度呢?我搜了网上好多方案,但没有一个管用的.怎么办?谁有好主意? 我的例子很简单,一个空白的页面,引用搜狐的主页,怎么框架自适应高度? frameborder ...

  5. jquery实现iframe自适应高度

    1.iframe自适应页面高度 首先需要给iframe设置一个id,不需要滚动条则加上scrolling="no" 然后加上一个onload事件 function iFrameHe ...

  6. layui中iframe自适应高度

    layui中iframe自适应页面高度 // 窗口自适应$(window).on('resize', function() {AdminInit();// iframe窗口自适应var $conten ...

  7. iframe根据内容自适应高度教程

    博主今天调iframe根据内容自适应高度,发现好多坑.首先呢发现得到全文的高度在各大浏览器里的写法是不一样的,IE和火狐是一种写法,360和谷歌是另一种.所以呢就得根据浏览器的名称用不同的代码:后来用 ...

  8. iframe自适应高度(随内容高度变化)

    转载(来源忘记了...) <!--内容部分--> <div class="con"><iframe id="mainFrame" ...

  9. php iframe 自适应高度,两个iframe自适应高度的解决方法

    很多小伙伴在做网站的时候对于解决 1.需求分析: 使页面中的iframe可以自适应高度,避免页面高度增加的时候页面和iframe会同时出现滚动条. 2.方法一: 在iframe上面直接加onload的 ...

最新文章

  1. python输出浮点数_Python的数据类型转换,那个很多人知道的知识,你知道吗?
  2. [组合数]求组合数的几种方法总结
  3. CentOSserverMysql主从复制集群结构
  4. code标签无法渲染html,【菜鸟笔记】记一次django无法正常在ie和edge浏览器渲染html页面-站长资讯中心...
  5. Android——线程通讯 Handler、Looper、Message;
  6. 清除浮动的最佳方案:clearfix
  7. 数据科学高级分析 (Data science advanced analytics)
  8. 高斯过程--在GPyTorch中实现一个个性化kernel
  9. win10计算机切换用户,win10系统账户切换的三种方法
  10. ACCESS中Dlookup函数使用
  11. pray例子----------------------设置navigation 与 其按钮背景
  12. python打气球小游戏(一)
  13. C# 操作Excel加水印
  14. 轻量级程序编辑器的选择:EmEditor、Editplus等---Web开发系列之工具篇(一)
  15. 90后,是被逼创业的,大家觉得呢?
  16. ADMINISTRATOR管理员无读取权限,无法打开文件夹
  17. 关于auth0的jwt
  18. pta 藏头诗(C语言实现)
  19. WebRTC pacing模块中的RoundRobinPacketQueue分析
  20. 全国计算机应用技术证书考试文字处理,全国计算机应用技术证书考试文字处理考试大纲2015年版考试.DOC...

热门文章

  1. 谷歌Chrome浏览器开发者工具教程—基础功能篇
  2. python split拆分字符串_python实现字符串完美拆分split()的方法
  3. python编程英语单词怎么写_用Python写一个背英文单词程序
  4. python多线程提高速度_Python3如何使用多线程升程序运行速度
  5. 人脸验证(六)--SphereFace
  6. 图像形状特征(七)--Zernike矩
  7. 图像局部特征(十五)--MSCR
  8. DSP之外部设备连接接口之HPI
  9. python vue token_Flask与Vue的token认证
  10. kafka中的数据发送保障