jquery 实现iframe 自适应高度
2024-09-20 21:02:02
转自: 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);
});
测试过,第二种有效,不过要注意一点是,增加的JS要写在iframe下面,放在头部是测试没有效果。
测试代码:
<iframe id="mainframe" name="mainframe" marginwidth="0" marginheight="0" src="/Home/Activitylist"
frameborder="0" width="100%" scrolling="no" height="100%"></iframe>
<script type="text/javascript">
//注意:下面的代码是放在和iframe同一个页面调用,放在iframe下面
$("#mainframe").load(function () {
var mainheight = $(this).contents().find("body").height() + 30;
$(this).height(mainheight);
});
</script>
最新文章
- 【前端】从输入URL到页面加载完成的过程中都发生了什么事情
- php基础33:正则匹配-perl
- 关于【cocos2dx-3.0beta-制作flappybird】教程在3.2project中出现找不到CCMenuItem.h的解决方法
- php笔记05:http协议中防盗链技术
- FileDirLocationOperator - 文件或目录位置操作.
- java thread reuse(good)
- Objective-C 关于静态方法与实例方法的转载
- js实现语音功能
- PDF文件优缺点
- window下载android 最新源码
- ajax----发送异步请求的步骤
- Scala学习笔记(七):Rational、隐式转换、偏函数、闭包、重复参数及柯里化
- python 爬虫&;爬取豆瓣电影top250
- Linux下,用命令进行 日志分割、日志合并
- [Algorithm] Binary tree: Level Order Traversal
- 快照库MV不能成功刷新问题的解决
- centos自带的dvd中的官方base源,丢失了可以复制下面的内容
- 404 Note Found 队-Beta7
- HI35xx平台调试笔记
- spring mvc随笔
热门文章
- Promise最佳实践(转)
- VLC媒体视频播放器 v3.0.2官方版
- 小米2s线刷出现remote: partition table doesn&#39;t exist
- linux netcat命令使用技巧
- rc.sysinit 解析
- MYSQL的索引和常见函数
- Unity3D 边缘高光Shader
- C# 未能加载文件或程序集“xxx”或它的某一个依赖项。参数错误。(异常来自 HRESULT:0x80070057 (E_INVALIDARG))
- Android数据库开发——SQLite
- Core Data 迁移与版本管理