jquery 实现iframe 自适应高度
来源:互联网 发布:java html生成器 编辑:程序博客网 时间:2024/05/21 12:52
原文地址:http://www.cnblogs.com/luluping/archive/2009/04/17/1437843.html
超级简单的方法,也不用写什么判断浏览器高度、宽度啥的。
下面的两种方法自选其一就行了。一个是放在和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自适应高度
- Java多线程(一)、多线程的基本概念和使用
- C#的协变性和逆变性
- Apache添加mod_python模块
- 编码 GBK 的不可映射字符
- hibernate4整合spring3.1出现java.lang.NoClassDefFoundError: Lorg/hibernate/cache/CacheProvider
- jquery 实现iframe 自适应高度
- 文件File的基本操作
- void main(void) - the Wrong Thing
- 设计模式六大原则(5):迪米特法则
- Linux下部署安装教程
- 输入一棵二叉树,求树的深度
- 2014高考英语听力,男约女终于成功了
- 傅里叶分析之掐死教程
- IOS 用封装API AsyncSocket进行网络通信