jquery 实现iframe 自适应高度
来源:互联网 发布:淘宝刷到一钻 编辑:程序博客网 时间:2024/05/16 10:10
超级简单的方法,也不用写什么判断浏览器高度、宽度啥的。
下面的两种方法自选其一就行了。一个是放在和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);
});
- 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自适应高度
- C#中,域和属性有什么区别
- IOS开发(31)之关于self.用法的一些总结(转载)
- 【练习12】 贪心算法 1002 今年暑假不AC
- smartclient——DynamicForm
- android解析服务器发过来的XML代码
- jquery 实现iframe 自适应高度
- windows server 2008 r2, 每隔一段时间自动关机
- WM_USER 与 WM_APP
- 解决不同分辨率下浮动div层位置问题
- 对比objdump与readelf readelf objdump nm
- Extjs4中up()和down()的用法
- SQL当修改表的时候,必须重新编译与之相关联的视图。
- Asp.Net4.0/VS2010新变化(3):webform中也可以直接url路由2
- iOS动画效果和实现