基于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 相关文章推荐
jQuery 页面 Mask实现代码
Jan 09 Javascript
js判断url是否有效的两种方法
Mar 04 Javascript
使用js dom和jquery分别实现简单增删改
Sep 11 Javascript
node.js中的fs.utimesSync方法使用说明
Dec 15 Javascript
jQuery实现平滑滚动的标签分栏切换效果
Aug 28 Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
Dec 16 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
Mar 07 Javascript
JS实现淡入淡出图片效果的方法分析
Dec 20 Javascript
bootstrap paginator分页前后台用法示例
Jun 17 Javascript
详解javascript中的Error对象
Apr 25 Javascript
vue中的 $slot 获取插槽的节点实例
Nov 12 Javascript
利用H5api实现时钟的绘制(javascript)
Sep 13 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多进程编程实例
2014/10/15 PHP
jquery 图片预加载 自动等比例缩放插件
2008/12/25 Javascript
简单的前端js+ajax 购物车框架(入门篇)
2011/10/29 Javascript
NodeJS的模块写法入门(实例代码)
2012/03/07 NodeJs
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
2012/10/11 Javascript
怎么清空javascript数组
2013/05/11 Javascript
JS连连看源码完美注释版(推荐)
2013/12/09 Javascript
Extjs中RowExpander控件的默认展开问题示例探讨
2014/01/24 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
2015/04/14 Javascript
js比较日期大小的方法
2015/05/12 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
2015/08/05 Javascript
js手动播放图片实现图片轮播效果
2016/09/17 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
2017/04/01 Javascript
AngularJS改变元素显示状态
2017/04/20 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
使用Angular-CLI构建NPM包的方法
2018/09/07 Javascript
es6数值的扩展方法
2019/03/11 Javascript
vue实现搜索功能
2019/05/28 Javascript
详解Vue的watch中的immediate与watch是什么意思
2019/12/30 Javascript
JS window对象简单操作完整示例
2020/01/14 Javascript
vue全局使用axios的操作
2020/09/08 Javascript
Python自动登录126邮箱的方法
2015/07/10 Python
python 简单的多线程链接实现代码
2016/08/28 Python
python实现用户管理系统
2018/01/10 Python
使用python读取.text文件特定行的数据方法
2019/01/28 Python
利用Python实现某OA系统的自动定位功能
2020/05/27 Python
Urban Outfitters英国官网:美国平价服饰品牌
2016/11/25 全球购物
Java如何获得ResultSet的总行数
2016/09/03 面试题
安全检查与奖惩制度
2014/01/23 职场文书
大学生自我鉴定评语
2014/01/27 职场文书
弘扬职业精神演讲稿
2014/03/20 职场文书
安全生产计划书
2014/05/04 职场文书
质量管理标语
2014/06/12 职场文书
2014法院四风问题对照检查材料思想汇报
2014/10/04 职场文书
Oracle 区块链表创建过程详解
2021/05/15 Oracle
MySQL中in和exists区别详解
2021/06/03 MySQL