jquery实现iframe自适应
来源:互联网 发布:java中split的用法 编辑:程序博客网 时间:2024/04/30 07:52
超级简单的方法,也不用写什么判断浏览器高度、宽度啥的。
下面的两种方法自选其一就行了。一个是放在和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自适应高度
- linux ab安装及使用
- 实用类方法,不定时更新
- 10个最重要的算法C语言实现
- 高斯日记
- 告诉大家一个无敌删除批处理文件,任意无法删除的文件都能删除
- jquery实现iframe自适应
- JavaScript 游戏开发包-收集
- 在线学习网站
- 排序类算法总结
- 题目1518:反转链表
- JSP中checkbox总是返回on的问题---画蛇添足般的错误
- VMware中CentOS6.5网络连接不上解决办法
- jsp
- php的urlencode()URL编码函数浅析