iframe高度相关知识点整理

最新推荐文章于 2022-01-09 15:22:28 发布
最新推荐文章于 2022-01-09 15:22:28 发布
阅读量71 收藏
点赞数
原文链接：http://www.cnblogs.com/archermeng/p/7537071.html
版权
IFRAME 元素也就是文档中的文档.
contentWindow属性是指指定的frame或者iframe所在的window对象.

用iframe嵌套页面是，如果父页面要获取子页面里面的内容，可以使用contentWindow或者contentDocument，其区别如下：
a) contentWindow 这是个只读属性，返回指定的iframe的窗口对象。它虽然不是标准的一部分，但各个主流浏览器都支持。

b) contentDocument Firefox 支持，IE6，IE7都不支持，IE8开始支持,需要如此访问document.frames['J_mainframe'].document。


body是DOM对象里的body子节点，即 <body> 标签；
documentElement 是整个节点树的根节点root，即<html> 标签；
没使用DTD情况即怪异模式BackCompat下：

document.documentElement.clientHeight=0document.body.clientHeight=618
使用DTD情况即标准模式CSS1Compat下： 
document.documentElement.clientHeight=618 document.body.clientHeight=28  //表示内容的高度
使用 document.compatMode == "BackCompat" 判断页面模式

iframe相关高度详解：


转载于:https://www.cnblogs.com/archermeng/p/7537071.html

【前端知识梳理】HTML篇 笔记整理（一）
超逸の学习技术博客
03-28 1619
写在开头 大家好，这里是lionLoveVue，基础知识决定了编程思维，学如逆水行舟，不进则退。金三银四，为了面试也还在慢慢积累知识，Github上面可以直接查看所有前端知识点梳理，github传送门，觉得不错，点个Star★，持续更新中。另外，也可以关注微信公众号：小狮子前端Vue，源码以及资料今后都会放在里面。 一直想着成为一个up主，正值时间挺多的，4月份左右面试的面经我会制作视频去分...
ajax知识整理
weixin_43992935的博客
04-22 492
一.认识Aajx 重要程度：***** 1.什么是Ajax 怎么读? 中文化：阿贾克斯 Ajax：Asynchronous javascript and xml，异步的js和xml。 是指一种创建交互式网页应用的网页开发技术。 Ajax，不是一个语言。是一系列技术的综合应用，（老技术，新应用）。 包括如下技术：  Html  Css  JavaScript  XMLHttpRequest对...
获取Iframe页面高度，并将高度赋值给Iframe
小施_za的博客
11-13 9796
页面布局使用iframe嵌套，iframe设置高度根据页面内容的高度自适应。代码如下（设置父级页面）： HTML部分： JS部分： //获取iframe子页面内容高度给iframe动态设置高度 function iFrameHeight() { var ifm= document.getElementById("iframeId"); var subWeb = docume
获取iframe中html内容高度,根据获取内部元素的高度，设置iframe的高度
weixin_34854288的博客
06-05 1945
iframe 是一个非常迷得一个元素，很难直接获取其内部元素的高度。下面分享一个方法，可以获取 iframe内部元素的高度：functionsetIframeHeight(id){try{variframe=document.getElementById(id);if(iframe.attachEvent){iframe.attachEvent("onload",function(){...
iframe 自适应高度 及 元素获取
weixin_34233618的博客
09-01 67
2019独角兽企业重金招聘Python工程师标准>>> ...
设置Iframe的高度-获取窗口内部高度
tydldd
09-24 1425
//设置iframe的高度 function mainiframeResize(id){ var browerHeight = fnGetWidthHeight(); //通过ID得到iframe var iframe = document.getElementById(id); //得到iframe的自适应高度 var iframeHeight ...
iframe高度调整
也想快乐的生活
03-10 1306
关于iframe高度调整的方法，网上有很多。不过大多数都是在iframe onload 中加载。对于iframe加载之后，其中的页面高度再有动态变化的涉及不多，写了下面的代码在IE,mozilla, FF下通过。可以放在onload中加载，也可以在每次高度变化时手动调用。不过好像对mozilla的某个低版本(具体版本忘了）有问题。 var GLOB_CONST_extraHeight_IE = 4
PHP 面试知识点整理归纳
热门推荐
PHP学习日志——地雷
09-05 1万+
全文已整理补充完毕，以后还会继续更新文章里面的错误，以及补充尚不完善的问题。 该篇文章是针对Github上wudi/PHP-Interview-Best-Practices-in-China资源的答案个人整理 lz也是初学者，以下知识点均为自己整理且保持不断更新，也希望各路大神多多指点，若发现错误或有补充，可直接comment，lz时刻关注着。 由于内容比较多，没有直接目录，请自行对照 Gi...
HTML5之SVG最全知识点整理，附有案例及源码演示，建议收藏！ SVG
解启超
02-23 723
使用SVG SVG基础 使用SVG 1.使用SVG 1.1 SVG发展历史 在 2003 年一月，SVG 1.1 被确立为 W3C 标准。 参与定义 SVG 的组织有：太阳微系统、Adobe、苹果公司、IBM 以及柯达。 与其他图像格式相比，使用 SVG 的优势在于： SVG 可被非常多的工具读取和修改（比如记事本） SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。 S...
2019前端开发面试题知识点(不断整理中)
Elon丶的博客
06-30 931
前端知识梳理 HTML 部分 h5新增了那些内容? 新元素 画布canvas 音频audio、视频video 新增语义标签article nav footer section aside等 新属性 placeholder autofocus form等 新事件 拖放事件 窗口改变的事件(onresize) 取消了一些元素(font，center等) 新增DOCTYP...
页面高度的取值与ifarme高度的自适应
月台
05-06 1402
<br />在网页中使用ifarme是下下策之选，使用ifarme后需要做很多页面自适应的处理，所以能不用尽量不用。<br />首选需要了解js中几个属性的区别：<br /> <br />关于获取各种浏览器可见窗口大小<br /><br />document.body.clientWidth<br />document.body.clientHeight即可获得，很简单，很方便。<br />而在公司项目当中：Opera仍然使用<br />document.body.clientWidth<br />docu
Vue获取元素高度
qq_57749525的博客
01-09 1488
// 当前区域 <div ref="element"></div> // 获取高度值 （内容高+padding+边框） let height= this.$refs.element.offsetHeight; //100 // 获取元素样式值 （存在单位） let height = window.getComputedStyle(this.$refs.element).height; // 100px //获取元素内联样式值（非内联样式无法获取） let height...
Iframe完美自动调整高度
一个人的专栏
03-11 1445
<br /> 方法：在主页面Iframe的onload事件中执行JS，去取得被包含页的高度，然后去同步高度。并在主窗口做一个Interval，不停的来获取被包含页的高度。当Iframe窗体高度高于文档实际高度的时候，高度取的是窗体高度，而当窗体高度低于实际文档高度时，取的是文档实际高度。因此，要想办法在同步高度之前把高度设置到一个比实际文档低的值。所以，添加 onload=”this.height=100″，让页面加载的时候先缩到足够矮，然后再同步到一样的高度。<br /><br />代码如下所示：<br
PHP数组/Hash表的实现/操作、PHP变量内核实现、PHP常量内核实现 - [ PHP内核学习 ]...
weixin_33910434的博客
01-26 341
catalogue 1. PHP Hash表 2. PHP数组定义 3. PHP变量实现 4. PHP常量实现   1. PHP Hash表 0x1: 基本概念 哈希表在实践中使用的非常广泛，例如编译器通常会维护的一个符号表来保存标记，很多高级语言中也显式的支持哈希表。 哈希表通常提供查找(Search)，插入(Insert)，删除(Delete)等操作，这些操作在最坏的情...
动态的改变iframe高度
SinFeeLoo
10-23 759
function IFrameResize(){        var obj = parent.document.getElementById("iframe1");  //取得父页面IFrame对象        obj.height =1172;  //调整父页面中IFrame的高度为此页面的高度              }
基于FPGA的智能车牌检测系统设计与实现
11-08
内容概要：本文介绍了一种基于FPGA的智能车牌检测系统。该系统采用了OV5640摄像头进行图像采集，通过FPGA集成化开发环境进行图像处理，主要包括图像格式转换、图像灰度化、图像增强、边缘检测、腐蚀膨胀、投影定位等技术步骤。该系统能够在复杂环境中快速实现车牌的图像采集及定位，提高了车牌检测的效率和准确性。 适合人群：具备一定嵌入式系统和图像处理基础的研究人员和技术人员。 使用场景及目标：适用于智慧交通管理系统，尤其是停车场、高速公路、智能制造等领域，主要用于实现实时的车牌检测与识别。 其他说明：系统采用Sobel算子进行边缘检测，中值滤波进行图像增强，投影定位确定车牌位置，整体处理效率较高，适用于复杂光照条件下的车牌检测。
【java毕业设计】springbootJava学生选课系统(springboot+vue+mysql+说明文档).zip
11-08
项目经过测试均可完美运行！ 环境说明： 开发语言：java 框架：ssm jdk版本：jdk1.8 数据库：mysql 5.7+ 数据库工具：Navicat11+ 管理工具：maven 开发工具：idea/eclipse 部署容器：tomcat7+
JDK-API-1-6-zh-CN
最新发布
11-08
JDK API 1.6 中文版，附使用说明
iframe高度自适应JS代码实现浏览器兼容
iframe高度自适应js代码解析 在Web开发中，iframe是一个非常常用的标签，它允许我们在一个HTML文档中嵌入另一个HTML文档。然而，在使用iframe时，我们经常会遇到一个问题，即iframe的高度不能自动适应其内容的高度...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值