如何动态获取iframe子页面的高度

时间:2024-10-14 23:21:20

1、打开编辑器,新建一个HTML文档,并且设定固定的框架。

如何动态获取iframe子页面的高度

2、创建一个新的JS文件,并且用script标签来关联起来两个文件。

如何动态获取iframe子页面的高度

3、用iframe标签创建并且内嵌网页,这里以百度地图为示范,并且设置长和宽作为等会的验证值。

如何动态获取iframe子页面的高度
如何动态获取iframe子页面的高度

4、var iframe = document.getElementsByTagName("iframe")[0];将iframe对应的标签存在一个变量方便后续的操作。

如何动态获取iframe子页面的高度
如何动态获取iframe子页面的高度

5、var iheight = window.parent.parent.iframe.height;再创建一个变量来获取高度。

如何动态获取iframe子页面的高度

6、然后我们可以用浏览器调试查看是否有报错,然后输入这个变量的名字查看高度是否是我尺攵跋赈们之前设置的高度,这里能看出是一样的,证明没问题,获取成功。

如何动态获取iframe子页面的高度
© 手抄报圈