首页 > 小程序

js获取iframe的高度 iframe高度自适应

iframe子页加载的高度问题。iframe如何适应div中700的高度?如果iframe总是以固定的高度调用同一个页面,我们直接写iframe的高度就可以了,如果html中iframe的自适应高度在本地不起作用,应该是跨域问题,你应该通过使用js获取iframe内部内容的高度来设置iframe的高度,因为外部页面和iframe内部的页面不在同一个域,浏览器出于安全考虑不允许这个操作,默认可以在ie下跨域。

获取iframe高度

1、怎么能让iframe页内框架的大小根据在框架内显示网页的大小而定?在线等...

2、Iframe的代码怎么写才能满足我的自适应内容的高度的要求啊?

建议使用javascript实现想要的效果。您将页面上的每条记录设置为相同的名称(HTML标记中的name属性),然后js代码获取具有该名称的记录数,然后动态设置iframe的高度。有几种方法,一种是加载iframe时计算并设置iframe的高度,另一种是定期运行js函数检查并设置iframe的高度。有一篇很好的文章(),可以看看。

获取iframe高度

3、HTML的frame框架怎么自适应高度?

4、html中iframe自适应高度在本地运行无效果

应该是跨域问题。您通过使用js获取iframe内部内容的高度来设置iframe的高度,因为外部页面和iframe内部的页面不在同一个域中,并且浏览器出于安全原因不允许此操作。默认可以在ie下跨域。我在网上试过很多iframe自适应高度js代码,放到iis上再浏览一遍都没问题。请问有必要放在iis上吗,html中iframe的适配效果不是直接双击打开html本地浏览就能实现的吗?

获取iframe高度

5、iframe子页面加载时的高度问题

6、iframe在div中如何自适应高度

700?

获取iframe高度

7、怎么让iframe自适应高度

什么是自适应高度?所谓iframe的自适应高度,就是基于界面美观和交互的考虑,隐藏iframe的边框和滚动条,让人看不出是iframe。如果iframe总是以固定的高度调用同一个页面,我们直接写iframe的高度就可以了。但是,如果iframe想要切换页面,或者被包含的页面想要做DOM动态操作,这时,程序就需要将iframe的高度与被包含页面的实际高度同步。

传统的方法有两种:一是每个被包含的页面加载完自己的内容后,执行JS获取这个页面的高度,然后同步父页面的iframe高度。方法二:在主页面iframe的onload事件中执行JS,获取被包含页面的高度内容,然后同步高度,从代码维护的角度来看,方法2优于方法1,因为在方法1中,每个包含的页面都必须引入一段相同的代码来实现这一点,从而创建许多副本。

保存到:

相关文章

Top