jQuery技术

← js封装一个tab效果页面无刷新ajax下传文件–模拟iframe,超简单 →JQuery IFrame框架高度自适

字号+ 作者:H5之家 来源:H5之家 2016-04-28 15:00 我要评论( )

← js封装一个tab效果页面无刷新ajax上传文件–模拟iframe,超简单 →JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safaf 在网上找了很多的iframe自适应高

当前位置:我的异常网»  » ← js封装一个tab效果页面无刷新ajax下传文件–模拟

← js封装一个tab效果页面无刷新ajax下传文件–模拟iframe,超简单 →JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safaf

  网友分享于:2013-08-29  浏览:260次

← js封装一个tab效果页面无刷新ajax上传文件–模拟iframe,超简单 →JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safaf
在网上找了很多的iframe自适应高度的脚本,对浏览的的兼容性都不好。所以就想利用jquery强大的兼容性,写一个iframe自适应高度的脚本。

jquery很强大,代码很简单:

$("#iPersonalInfo").load(function() {

$(this).height($(this).contents().height());

})

有一点需要注意的,我也在调试的时候才发现的,耽误了不少时间。就是绑定事件必须在iframe加载完毕之前绑定,否则不会执行。
以下是jQuery,load事件的概述
在每一个匹配元素的load事件中绑定一个处理函数。
如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。
注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。



另外一种方法实现自适应iframe高度自适应

function adjustIFramesHeightOnLoad(iframe) {

var iframeHeight = Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);

$(iframe).height(iframeHeight);
}

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
r