JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用javascript实现Iframe自适应高度大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

方法一:

title"> 代码如下:
{ var main = $(window.parent.document).find("#ContentIframe"); var thisheight = $(document).height(); if (thisheight < 800) thisheight = 800; main.height(thisheight); });

这种写法,只能对于加载的时候对固有元素的自适应高度,当元素变化的时候(如添加了很多元素,高度变化后)不能及时改变父窗体的iframe高度。

方法二:

title"> 代码如下:
60756"> 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实现Iframe自适应高度全部内容,希望文章能够帮你解决使用javascript实现Iframe自适应高度所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。