iframe 自适应高度
2015-12-15 14:49
295 查看
<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>
//注意:下面的代码是放在iframe引用的子页面中调用
$(window.parent.document).find("#iframe").load(function(){
var main = $(window.parent.document).find("#iframe");
var thisheight = $(document).height()+30;
main.height(thisheight);
});
相关文章推荐
- web前端开发工程师需要学习的技能
- 6.html中的表单元素一
- 7.html中的表单元素一
- 开启CSS3.0的学习之旅(一)
- web前端开发
- web前端怎么做?
- 从网页制作到前端开发工程师难吗?
- Web前端工程师成长之路——知识汇总
- html基础知识梳理
- 史上最全的HTML、CSS知识点总结,浅显易懂
- WEB标准,Web前端开发工程师必备技术列表
- WEB标准,Web前端开发工程师必备技术列表
- img 和 background-image的选择
- Emmet:html/css代码快速编写神器
- 微信里面防止下拉"露底"组件,touch事件
- 微信公众平台Js API WeixinApi
- 阿里巴巴2015暑期实习面试经历(前端开发)
- 关于编写性能高效的javascript事件的技术[转] 来源:酷勤网 发布于 2015-2-12
- 浏览器是怎么加载页面的
- bootstrap3 标题文字类型