使用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实现高度自适应，小伙伴们根据自己的项目需求，自由选择吧
相关文章
这篇文章主要介绍了JS获取网页图片name属性的方法,涉及javascript操作图片属性的技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
回顾头来看看那些Javascript脚本，有写得不太理想，过于复杂。现抽取出来，重构它们,想学习javascript重构的朋友可以参考下啊，网本文可以帮助你的2013-01-01
今天小编就为大家分享一篇layui关闭层级、简单监听的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了js实现Select下拉框具有输入功能的方法,实例分析了两种比较常见的实现方法,是非常实用的技巧,需要的朋友可以参考下2015-02-02
在做调查问卷的过程中，遇到一个表格的统计问题，一个需要用到js方面的综合知识，感觉还不错所以记录下来与大家分享，感兴趣的朋友可以了解下2013-09-09
这篇文章主要介绍了JS代码如何获取map的key，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了详解JavaScript 中的批处理和缓存，帮助大家完成需求，更好的理解和使用JavaScript，感兴趣的朋友可以了解下2020-11-11
javascript实现获取一个日期段内每天不同的价格(计算入住总价格)
这篇文章主要介绍了javascript实现获取一个日期段内每天不同的价格(计算入住总价格)的相关资料,需要的朋友可以参考下2018-02-02
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
我同样也是个javascript新手，怎么说呢，先学的jquery，精通之后发现了javascript的重要性，再回过头来学javascript面向对象编程2012-03-03
本文主要是通过javascript实现禁止浏览器中复制文本内容的方法，十分的简单，而且兼容IE和FF，有需要的小伙伴可以参考下2015-06-06
最新评论