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


Posted in Javascript onAugust 13, 2010

jquery很强大,代码很简单:

$("#iPersonalInfo").load(function() { 
$(this).height($(this).contents().height()); 
})

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

以下是jQuery,load事件的概述

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

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

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

Javascript 相关文章推荐
utf8的编码算法 转载
Dec 27 Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
May 05 Javascript
一个JS函数搞定网页标题(title)闪动效果
May 13 Javascript
javascript中传统事件与现代事件
Jun 23 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
Oct 01 Javascript
js判断移动端是否安装某款app的多种方法
Dec 18 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
Aug 24 Javascript
Angular2实现自定义双向绑定属性
Mar 22 Javascript
详解Angular2响应式表单
Jun 14 Javascript
通过V8源码看一个关于JS数组排序的诡异问题
Aug 14 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
Jul 13 Javascript
实例讲解v-if和v-show的区别
Jan 31 Javascript
jquery实用代码片段集合
Aug 12 #Javascript
JavaScript中使用构造函数实现继承的代码
Aug 12 #Javascript
javascript最常用与实用的创建类的代码
Aug 12 #Javascript
javascript中最常用的继承模式 组合继承
Aug 12 #Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
Aug 12 #Javascript
Javascript倒计时代码
Aug 12 #Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
Aug 12 #Javascript
You might like
浅析php变量修饰符static的使用
2013/06/28 PHP
php使用百度ping服务代码实例
2014/06/19 PHP
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
PHP实现二叉树深度优先遍历(前序、中序、后序)和广度优先遍历(层次)实例详解
2018/04/20 PHP
定义select的边框颜色
2008/04/28 Javascript
一次失败的jQuery优化尝试小结
2011/02/06 Javascript
原生js 秒表实现代码
2012/07/24 Javascript
js之onload事件的一点使用心得
2013/08/14 Javascript
JS 实现列表与多选框选择附预览动画
2014/10/29 Javascript
js canvas实现擦除动画
2016/07/16 Javascript
微信小程序中单位rpx和rem的使用
2016/12/06 Javascript
Vue编写多地区选择组件
2017/08/21 Javascript
Array数组对象中的forEach、map、filter及reduce详析
2018/08/02 Javascript
ES6基础之展开语法(Spread syntax)
2019/02/21 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
2019/09/19 Javascript
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
微信小程序实现拼图小游戏
2020/10/22 Javascript
让python的Cookie.py模块支持冒号做key的方法
2010/12/28 Python
python中self原理实例分析
2015/04/30 Python
Python的Django REST框架中的序列化及请求和返回
2016/04/11 Python
你眼中的Python大牛 应该都有这份书单
2017/10/31 Python
利用Python在一个文件的头部插入数据的实例
2018/05/02 Python
Python基于多线程操作数据库相关问题分析
2018/07/11 Python
python自动化UI工具发送QQ消息的实例
2019/08/27 Python
PyCharm刷新项目(文件)目录的实现
2020/02/14 Python
ipython jupyter notebook中显示图像和数学公式实例
2020/04/15 Python
python uuid生成唯一id或str的最简单案例
2021/01/13 Python
使用 CSS3 中@media 实现网页自适应的示例代码
2020/03/24 HTML / CSS
同步和异步有何异同,在什么情况下分别使用他们?举例说明
2014/02/27 面试题
对公司合理化的建议书
2014/03/12 职场文书
少儿节目主持串词
2014/04/02 职场文书
助人为乐好少年事迹材料
2014/08/18 职场文书
好人好事演讲稿
2014/09/01 职场文书
2015年七夕爱情寄语
2015/03/24 职场文书
教你使用TensorFlow2识别验证码
2021/06/11 Python
详解Nginx 被动检查服务器的存活状态
2021/10/16 Servers