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

 时间:2026-02-14 05:51:53

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子页面的高度

  • jquery怎么判断元素是否隐藏
  • 如何编译易语言源码
  • 易语言为界面和组件更换鼠标指针
  • 怎样让div的大小随着背景图片的大小变大
  • 新版Navicat,数据传输去哪了?怎么数据传输?
  • 热门搜索
    重庆市旅游 巴厘岛旅游要多少钱 南京旅游攻略二日游 帕劳旅游 朝阳旅游 永州旅游 陕西旅游集团 澳大利亚旅游多少钱 西安旅游线路 雪乡旅游