使用javascript实现Iframe自适应高度
更新时间：2014年12月24日 10:26:24 投稿：hebedich
这篇文章主要介绍了使用javascript实现Iframe自适应高度,需要的朋友可以参考下
方法一：
复制代码 代码如下:
$(window.parent.document).find("#ContentIframe").load(function() {
var main = $(window.parent.document).find("#ContentIframe");
var thisheight = $(document).height();
if (thisheight < 800)
thisheight = 800;
main.height(thisheight);
});
这种写法，只能对于加载的时候对固有元素的自适应高度，当元素变化的时候（如添加了很多元素，高度变化后）不能及时改变父窗体的iframe高度。
方法二：
复制代码 代码如下:
function setMainHeight() {
var main = $(window.parent.document).find("#ContentIframe");
var thisheight = $("body").height();
if (thisheight < 800) { thisheight = 800; }
main.height(thisheight+50);
setTimeout(setMainHeight, 2000);
}
添加一个计时器，轮询判断子页面的高度变化。
以上2种都可以是iframe实现高度自适应，小伙伴们根据自己的项目需求，自由选择吧
相关文章
这篇文章主要为大家介绍了JavaScript 转义字符JSON parse错误研究，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
js字符串截取函数substr substring slice使用对比
字符串截取函数有substr、substring以及slice等等，下面将为大家介绍下各自的使用，感兴趣的朋友可以了解下2013-11-11
在数学和计算机科学中,柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术,下面这篇文章主要给大家介绍了JS中函数科里化的背景与应用实例的相关资料,需要的朋友可以参考下2022-06-06
这篇文章主要介绍了javascript中的闭包概念与用法,结合具体实例形式分析了javascript闭包的概念、原理、使用方法及相关操作注意事项,需要的朋友可以参考下2019-07-07
前段时间开发app的时候要开始做消息推送功能了,下面这篇文章主要给大家介绍了关于uniapp APP消息推送方案实现的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-01-01
在前端开发中，有时候我们需要判断一个元素是否在可视区域内，本文主要介绍了js如何对元素可视区域进行判定，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
对话框，大家对这个词汇可谓是各有所解，本文有个不错的例子，里面包含了各种常见对话框的实现，感兴趣的朋友可以了解下2013-09-09
这篇文章主要介绍了浅谈JS中this在各个场景下的指向，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
这篇文章主要介绍了微信小程序开发中所碰到问题集锦，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2023-01-01
最近做项目发现JSON.stringify()使用场景真的挺多,我们都知道JSON.stringify()的作用是将JavaScript对象转换为JSON字符串,下面这篇文章主要给大家介绍了JSON.stringify的实现及其六大特性的相关资料,需要的朋友可以参考下2021-10-10
最新评论