iframe高度自适应的简单实现
2013-03-11 18:53
465 查看
假如页面a中有iframe标签,其src属性为页面b 。
页面b高度是变化的,需要先计算本页面高度,然后调用父页面函数更改其高度即可。
b 页面 中js函数:
function getheight(){
var rheight = ($("#leftin").height()>520)?$("#leftin").height():520;
parent.setHeight(rheight); // 调用a页面函数改变iframe高度
}
a 页面 中js函数:
function setHeight(H){
$("#jokeiframe").height(H);
}
//页面载入完后改变iframe高度
$(function() {
getheight();//分页页面载入后改变页面高度
//alert('getheight');
});
//为了准确,每张图片载入完再均调用一次
$(".wrap img").load(function(){
getheight();
});
多长时间后执行:
setTimeout(function(){getheight();},200);//单个笑话载入后改变页面高度
页面b高度是变化的,需要先计算本页面高度,然后调用父页面函数更改其高度即可。
b 页面 中js函数:
function getheight(){
var rheight = ($("#leftin").height()>520)?$("#leftin").height():520;
parent.setHeight(rheight); // 调用a页面函数改变iframe高度
}
a 页面 中js函数:
function setHeight(H){
$("#jokeiframe").height(H);
}
//页面载入完后改变iframe高度
$(function() {
getheight();//分页页面载入后改变页面高度
//alert('getheight');
});
//为了准确,每张图片载入完再均调用一次
$(".wrap img").load(function(){
getheight();
});
多长时间后执行:
setTimeout(function(){getheight();},200);//单个笑话载入后改变页面高度
相关文章推荐
- jQuery简单实现iframe的高度根据页面内容自适应的方法
- jQuery简单实现iframe的高度根据页面内容自适应的方法
- jQuery简单实现iframe的高度根据页面内容自适应的方法
- JavaScript实现iframe的高度自动适应
- JavaScript实现Iframe自适应其加载的内容高度
- iframe跨域高度自适应的实现
- Masonry 布局 cell高度适应的一种方案(实现类似朋友圈简单布局)
- iframe窗口高度自适应的实现方法
- Masonry 布局 cell 高度适应的一种方案(实现类似朋友圈简单布局)
- Iframe框架高度自适应的实现
- iframe窗口高度自适应的实现方法
- iframe框架高度自适应的实现
- iframe框架高度自适应的实现
- iframe窗口高度自适应的又一个巧妙实现思路
- 简单实现ImageView宽度填满屏幕,高度自适应的两种方式
- 实现iFrame自适应高度,原来非常简单!
- 使用事件捕获实时捕获img是否加载完毕, 实现iframe内容高度自动适应
- 谷歌、火狐浏览器下实现JS跨域iframe高度自适应的完美解决方法,跨域调用JS不再是难题!
- [转自沪江博客tangle's blog]iframe框架高度自适应的实现