如何动态获取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
然后我们可以用浏览器调试查看是否有报错,然后输入这个变量的名字查看高度是否是我们之前设置的高度,这里能看出是一样的,证明没问题,获取成功。
注意事项
注意层级关系,因为这是页面中的页面