jquery 实现iframe 自适应高度
来源:互联网 发布:mac系统基础教程视频 编辑:程序博客网 时间:2024/05/21 11:17
超级简单的方法,也不用写什么判断浏览器高度、宽度啥的。
下面的两种方法自选其一就行了。一个是放在和iframe同页面的,一个是放在test.html页面的。
注意别放错地方了哦。
iframe代码,注意要写ID
<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe>
jquery代码1:
//注意:下面的代码是放在test.html调用
$(window.parent.document).find("#main").load(function(){
var main = $(window.parent.document).find("#main");
var thisheight = $(document).height()+30;
main.height(thisheight);
});
jquery代码2:
//注意:下面的代码是放在和iframe同一个页面调用
$("#main").load(function(){
var mainheight = $(this).contents().find("body").height()+30;
$(this).height(mainheight);
});
下面的两种方法自选其一就行了。一个是放在和iframe同页面的,一个是放在test.html页面的。
注意别放错地方了哦。
iframe代码,注意要写ID
<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe>
jquery代码1:
//注意:下面的代码是放在test.html调用
$(window.parent.document).find("#main").load(function(){
var main = $(window.parent.document).find("#main");
var thisheight = $(document).height()+30;
main.height(thisheight);
});
jquery代码2:
//注意:下面的代码是放在和iframe同一个页面调用
$("#main").load(function(){
var mainheight = $(this).contents().find("body").height()+30;
$(this).height(mainheight);
});
0 0
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- JQuery实现iframe自适应高度
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery实现iframe自适应高度
- Jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery 实现iframe高度自适应
- jquery实现iframe自适应高度
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery实现iframe自适应高度
- jquery实现iframe自适应子页面高度
- jquery iframe自适应高度
- jquery iframe自适应高度
- mac配置ndk
- public static void main(String[] args){}函数诠释
- "蓝桥杯“基础练习:数列特征
- Hadoop2.0单机环境安装部署
- Restore IP Addresses
- jquery 实现iframe 自适应高度
- win 7 64 VS 2012 QT 5.20
- Kettle(Pentaho DataIntegration) 安装Hadoop-2.2.0插件
- linux强制位与冒险位(s位,t位)
- [黑客入门]花无涯新手入门教程笔记
- websphere mq互连通信
- 数据迁移:在新旧系统中切换
- 补第7天 输入一个二叉树,该函数输出它的镜像。
- 小飞计算器(小飞可编程复数计算器)用户手册