js代码保证iframe适应被加载页面的高度
来源:互联网 发布:淘宝数据修改软件 编辑:程序博客网 时间:2024/05/29 19:21
经常使用iframe加载一些页面,这些页面高度各不相同,如何使用js确保加载这些网页时,iframe自动适应其高度?代码如下,关键是这个IFrameReSize('iframepage') 函数
<iframename="mainFrame" width="99%" src="use_zhifubao.aspx" id="iframepage"frameborder="0" scrolling="no" marginheight="0"marginwidth="0"onload="IFrameReSize('iframepage')"></iframe>
//iframe高度自适应
function IFrameReSize(iframename) {
var pTar = document.getElementById(iframename);
if (pTar) { //f
if (pTar.contentDocument &&pTar.contentDocument.body.offsetHeight) {
pTar.height =pTar.contentDocument.body.offsetHeight;
} //ie
else if (pTar.Document && pTar.Document.body.scrollHeight){
pTar.height =pTar.Document.body.scrollHeight;
}
}
}
此代码在360浏览器 8.1的极速模式和IE模式下测试成功
- js代码保证iframe适应被加载页面的高度
- 用JS控制Iframe自动适应页面的高度
- Iframe 自动适应页面的高度
- iframe 自动适应页面高度
- iframe页面高度自动适应
- iframe高度自动适应代码
- 父页面iframe高度自动适应子页面iframe高度
- iframe 自动适应子页面高度宽度
- 通过js动态设置 让ifram的高度自动适应被引入页面的高度
- js获取页面内iframe的高度
- js Iframe 自动适应 高度 宽度
- 让外层iframe的高度自适应加载页面高度
- iframe自适应加载页面高度-js实现(转载)
- 在iframe中使用js代码实现自动设置栽入的页面的高度自动化
- 在iframe中使用js代码实现自动设置栽入的页面的高度
- iframe自适应页面高度js
- JavaScript实现iframe的高度自动适应
- iframe自动适应内容的高度
- AOP之基于AspectJ注解总结与案例
- 第一次当CTO,第二次创业
- PAT L1
- 相对路径详解
- inverse属性
- js代码保证iframe适应被加载页面的高度
- 500. Keyboard Row
- 生命周期
- html页面屏蔽左右键
- 天梯赛 L1-009. N个数求和
- 背景图片随滚动轴移动
- C++上机实验3——多分数段函数求值
- 线程初体验
- Spring事务管理-使用注解配置事务