如何动态获取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子页面的高度
  • jquery怎么判断元素是否隐藏
  • 如何编译易语言源码
  • 易语言为界面和组件更换鼠标指针
  • 怎样让div的大小随着背景图片的大小变大
  • 新版Navicat,数据传输去哪了?怎么数据传输?
  • 热门搜索
    清明节手抄报图片大全 防溺水手抄报简单漂亮 课外阅读手抄报 劳动手抄报内容50字 手抄报版面设计模板 元旦手抄报图片 手抄报中秋节 手抄报设计大全 普通话手抄报简单字少 新型冠状病毒手抄报