基于jquery的兼容各种浏览器的iframe自适应高度的脚本 - Web前端

JQuery很强大，代码很简单：
复制代码 代码如下:
$("#iPersonalInfo").load(function() {
$(this).height($(this).contents().height());
})

有一点需要注意的，我也在调试的时候才发现的，耽误了不少时间。就是绑定事件必须在iframe加载完毕之前绑定，否则不会执行。


以下是jQuery,load事件的概述

在每一个匹配元素的load事件中绑定一个处理函数。

如果绑定给Window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的内容加载完毕后触发。

注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件，因为jquery会在所有DOM加载完成后再绑定load事件。

标签：自适应脚本高度浏览器Webiframe