jquery iframe自适应高度
2012-09-12 18:07
169 查看
经典代码 iFrame 自适应高度,在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。
很古老的方法:
下面的两种Jquery方法选择一种即可,很简单,不用判断浏览器高度、宽度等。
jquery代码1:
jquery代码2:
还有其他的种种...
很古老的方法:
<iframe src="../Index.aspx" id="iframe" frameborder="0" scrolling="no" onload="iFrameHeight();" width="100%"></iframe> function iFrameHeight() { var ifm = document.getElementById("iframe"); var subWeb = document.frames ? document.frames["iframe"].document : ifm.contentDocument; if (ifm != null && subWeb != null) { ifm.height = subWeb.body.scrollHeight; } }
下面的两种Jquery方法选择一种即可,很简单,不用判断浏览器高度、宽度等。
jquery代码1:
//注意:下面的代码是放在iframe引用的子页面中调用 $(window.parent.document).find("#iframe").load(function(){ var main = $(window.parent.document).find("#iframe"); var thisheight = $(document).height()+30; main.height(thisheight); });
jquery代码2:
//注意:下面的代码是放在和iframe同一个页面调用 $("#iframe").load(function(){ var mainheight = $(this).contents().find("body").height()+30; $(this).height(mainheight); });
还有其他的种种...
相关文章推荐
- jquery库实现iframe自适应内容高度和宽度
- JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)
- jquery iframe跨域自适应高度。子页面分页,刷新父页面
- jquery 实现iframe 自适应高度
- jquery实现iframe自适应高度
- 教你用jquery实现iframe自适应高度
- jquery 实现iframe 自适应高度
- 教你用jquery实现iframe自适应高度
- jQuery js iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery.load()使iframe随内容改变而自适应高度
- jquery 实现iframe高度自适应
- Jquery-处理iframe的高度自适应
- jquery iframe自适应高度
- jquery iframe高度自适应
- jquery iframe自适应高度代码(浏览器兼容)
- 开发小技巧:jQuery处理自适应内容高度的iframe
- jQuery解决iframe高度自适应代码
- 两段超简单jquery代码解决iframe自适应高度问题(不用判断浏览器高度)
- jquery.load()使iframe随内容改变而自适应高度