博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
Silverlight与Flash区别之一
查看>>
删除恢复Hadoop集群中的DataNode
查看>>
Silverlight 2动态创建矩形对象(附完整源代码)
查看>>
从京东技术演进看互联网企业的成长历程
查看>>
MFC ado+mysql+odbc技术分享
查看>>
js中让字符串中特定字符红色显示
查看>>
HttpClient4.5教程-第二章-连接管理
查看>>
redhat Nginx 安装
查看>>
oracle 配置监听
查看>>
上海访微软 详解Azure和S+S
查看>>
moosefs即将发布新版
查看>>
SmartGit 试用过期
查看>>
python 测试驱动开发的简单例子
查看>>
Aes 加密简单例子
查看>>
AE 线编辑
查看>>
软件设计之UML—UML的构成[上]
查看>>
如何使用AdMob中介界面?
查看>>
分享一个shell脚本:通过Jumper机器来创建Jumper和target机器账号
查看>>
UITableViewCell分割线不是左对齐的问题
查看>>
CentOS7 编译安装PHP7
查看>>