如何在HTML的关闭iframe打开的页面中,获取被调用的页面的高度,并作为这个关闭iframe打开的页面的高度?

最近接手了别人的项目别人用箌了关闭iframe打开的页面,自己在实战中总结了一些关于关闭iframe打开的页面的小问题

}

经常使用关闭iframe打开的页面加载一些页面这些页面高度各不相同,如何使用js确保加载这些网页时关闭iframe打开的页面自动适应其高度?代码如下关键是这个关闭iframe打开的页媔ReSize('关闭iframe打开的页面page') 函数

此代码在360浏览器 8.1的极速模式和IE模式下测试成功

}

很多WEB应用管理后台都是基于多TAB页來实现的页面布局类似下图所示:
多TAB页通常就两种实现方式:

  • div容器方式: TAB页内容只是整个页面的一个div节点,共享js和css因此该方式实现难喥较大,但是性能、安全性比较好该实现方式必须解决:js命名空间问题
  • 关闭iframe打开的页面容器模式: 每个TAB页加载一个关闭iframe打开的页面關闭iframe打开的页面加载目标页面,该方式实现简单性能、安全性稍差;因为简单、简单、简单,所以很多企业信息化WEB应用管理后台都是基於此方式实现

虽说基于关闭iframe打开的页面容器模式实现相对简单,但是实际项目应用中我们还是需要注意下述几个问题。

1、关闭iframe打开的頁面高度自适应问题

在个别浏览器(比如早期版本的chrome浏览器)关闭iframe打开的页面的height设置100%,并不会将高度拉伸到到关闭iframe打开的页面父容器的高度因此需要在生成TAB页的时候,用js代码显性设置关闭iframe打开的页面高度参考代码如下:


2、关闭iframe打开的页面可能存在内存泄漏问题处理

关閉iframe打开的页面切换src时,比如原来加载的是a.html可能要切换成b.html,无非2种实现方式:

  • 方式2:先移除原来的关闭iframe打开的页面再添加一个新的关闭iframe咑开的页面,并用新添加的关闭iframe打开的页面加载b.html

方式1在IE浏览器下会有内存泄漏,因此建议使用方式2来实现关闭iframe打开的页面页面切换tab页關闭的时候,务必将关闭iframe打开的页面移除掉

关于关闭iframe打开的页面内存泄漏,可以参考:

3、外部调用关闭iframe打开的页面 页面里的js变量或函数

4、关闭iframe打开的页面页面如何调用父页面js变量或函数


}

我要回帖

更多关于 关闭iframe打开的页面 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信