基于jquery的兼容各种浏览器的iframe自适应高度的脚本
更新时间：2010年08月13日 23:18:10 作者：
在网上找了很多的iframe自适应高度的脚本，对浏览的的兼容性都不好。所以就想利用jquery强大的兼容性，写一个iframe自适应高度的脚本。
jquery很强大，代码很简单：
$("#iPersonalInfo").load(function() {
$(this).height($(this).contents().height());
})
有一点需要注意的，我也在调试的时候才发现的，耽误了不少时间。就是绑定事件必须在iframe加载完毕之前绑定，否则不会执行。
以下是jQuery,load事件的概述
在每一个匹配元素的load事件中绑定一个处理函数。
如果绑定给window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的内容加载完毕后触发。
注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件，因为jQuery会在所有DOM加载完成后再绑定load事件。
复制代码 代码如下:
$("#iPersonalInfo").load(function() {
$(this).height($(this).contents().height());
})
有一点需要注意的，我也在调试的时候才发现的，耽误了不少时间。就是绑定事件必须在iframe加载完毕之前绑定，否则不会执行。
以下是jQuery,load事件的概述
在每一个匹配元素的load事件中绑定一个处理函数。
如果绑定给window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的内容加载完毕后触发。
注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件，因为jQuery会在所有DOM加载完成后再绑定load事件。
相关文章
本篇文章主要介绍了jQuery实现移动端Tab选项卡效果的实例。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
我想做一个可以动态添加删除div的功能。中间遇到一个问题，最后在网友的热心帮助下解决了，使用到的jquery方法和思想就是：事件的绑定和销毁(unbind)2015-08-08
本文给大家分享的是一个使用jQuery插件windowScroll实现的单屏滚动的特效，主要参考搜狗浏览器4.2版本首页的上下滚动效果。主要实现整个窗口的上下和左右滚动逻辑，非常的实用。2015-07-07
这篇文章主要介绍了基于JQuery制作可编辑的表格特效，一共给出了2种解决方案，小伙伴们能看出来哪种方案更合理吗？2014-12-12
本篇文章是对在Jquery中模板数据绑定插件的使用方法进行了详细的分析介绍，需要的朋友参考下2013-07-07
下面小编就为大家带来一篇JQueryMiniUI按照时间进行查询的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
下面小编就为大家带来一篇JQuery 传送中文乱码问题的简单解决办法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
可关闭的左右两边漂浮的对联广告代码jquery特效，宽屏分辨率大于1024px才显示，当用户点击关闭按钮可以单独关闭自己一边的漂浮的对联广告代码，juqery对联广告效果感兴趣的朋友一起学习吧2015-11-11
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
这篇文章主要介绍了jQuery插件FusionCharts绘制的3D环饼图效果,结合完整实例形式分析了jQuery使用FusionCharts载入xml格式数据绘制图形的操作步骤与相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-04-04
jQuery 获取URL的GET参数值的小例子，需要的朋友可以参考一下2013-04-04
最新评论