博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iframe自适应高度
阅读量:6481 次
发布时间:2019-06-23

本文共 663 字,大约阅读时间需要 2 分钟。

hot3.png

在网上找了2种方法,经测试都有效,最重要的是要发布后才能看到效果,代码如下:

下面的是点击加载不同的内容,并iframe自适应内容的高度

对应的js

同时总结下经常用的高度

          contentWindow   兼容各个浏览器,可取得子窗口的 window 对象。  
          contentDocument Firefox 支持,> ie8 的ie支持。可取得子窗口的 document 对象。  
          document.body.clientWidth  可见区域内容的宽度(不包含边框,如果水平有滚动条,不显示全部内容的宽度)
          document.body.clientHeight 全部内容的高度(如果垂直有滚动条,也显示全部内容的高度)
          document.body.offsetWidth  可见区域内容的宽度(含边框,如果水平有滚动条,不显示全部内容的宽度)
          document.body.offsetHeight 全部内容的高度(如果垂直有滚动条,也显示全部内容的高度)
          document.body.scrollWidth  内容的宽度(含边框,如果有滚动则是包含整个页面的内容的宽度,即拖动滚动条后看到的所有内容)
          document.body.scrollHeight 全部内容的高度

转载于:https://my.oschina.net/u/2612473/blog/779749

你可能感兴趣的文章
SQL Server存储过程生成insert语句实例
查看>>
IT巨头互掐云计算:安全性和耗能存争议
查看>>
AIX 逻辑卷管理器以及列出卷组信息
查看>>
常用的Linux系统监控命令介绍
查看>>
https协议
查看>>
给HashMap做个深度剖析手术
查看>>
pip是个好东西
查看>>
pycharm
查看>>
Runtime.getRuntime()
查看>>
Ubuntu 16.04 insatll chrome
查看>>
天兔监控安装
查看>>
python笔记-正则表达式
查看>>
Java二进制指令代码解析
查看>>
我的Python学习记录
查看>>
quzatz --Could not load org.quartz.spi.Trigge...
查看>>
qml实现窗口的拖拽效果
查看>>
Spring 定时器使用
查看>>
STM32 FLASH模拟EEPROM实验
查看>>
ADO.NET中的五个主要对象
查看>>
Java操作excel表格
查看>>