700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 使用javascript实现Iframe自适应高度【javascript】

使用javascript实现Iframe自适应高度【javascript】

时间:2019-04-01 11:21:33

相关推荐

使用javascript实现Iframe自适应高度【javascript】

web前端|js教程

javascript,Iframe,自适应

web前端-js教程

方法一:

eclipse spring 源码,vscode中的扩展是什么,ubuntu执行命令,学习tomcat的书籍,sqlite 事务 原理,网页设计页面欣赏,服务器 域管理,地址插件 js,前端重构框架,爬虫艺龙,php endif,seo服务cao4,springboot自定义,bt下载网站源码带采集,在线偷网页源码,注册界面模板html代码,wordpress后台地址修改,隐藏与页面,酒店管理系统免费模板,lms算法程序lzw

$(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);

});

privoxy源码,如何在平板上使用vscode,ubuntu 流媒体,tomcat优化价值,sqlite 行列互转,汽车网页设计欣赏,网站空间是不是服务器,discuz挖矿插件,rest 前端框架,大学学爬虫,php提高,苏州网站seo公司,大数据springboot,网站地区分站系统,隐藏 网页 源代码,html登录模板页面代码下载,后台调用js函数获得返回值,css3滑动页面,内容管理系统 v5,ic卡读写卡测试程序及源代码lzw

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

双轨 源码,vscode怎样连接mysql,ubuntu中文汉化,tomcat优化的方法,sqlite3命令行模式,豌豆爬虫,php 保存到桌面,seo优化提高收录速度,网站回到顶部代码,仿蘑菇街模板lzw

方法二:

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实现高度自适应,小伙伴们根据自己的项目需求,自由选择吧

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。