多语言展示
当前在线:261今日阅读:113今日分享:31

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

如何动态获取iframe子页面的高度,iframe标签是HTML里可以内嵌网页的标签,内嵌的时候有默认高度,我们也可以设置高度,当然如果要动态获取高度就要通过javascirpt技术来实现了。
工具/原料
1

windows 7

2

chrome浏览器

3

sublime text3

方法/步骤
1

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

2

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

4

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

5

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

6

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

注意事项

注意层级关系,因为这是页面中的页面

推荐信息