基于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 相关文章推荐
用js实现的一个Flash滚动轮换显示图片代码生成器
Mar 14 Javascript
cnblogs csdn 代码运行框实现代码
Nov 02 Javascript
JavaScript中的面向对象介绍
Jun 30 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
Dec 26 Javascript
JavaScript中使用stopPropagation函数停止事件传播例子
Aug 27 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
Oct 08 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
Jan 23 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
Nov 11 Javascript
Bootstrap Table使用心得总结
Nov 29 Javascript
Node.js系列之安装配置与基本使用(1)
Aug 30 Javascript
Element DateTimePicker日期时间选择器的使用示例
Jul 27 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中防止伪造跨站请求的小招式
2011/09/02 PHP
如何写php守护进程(Daemon)
2015/12/30 PHP
通过继承IHttpHandle实现JS插件的组织与管理
2010/07/13 Javascript
基于jquery的Repeater实现代码
2010/07/17 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
2014/01/11 Javascript
javascript对JSON数据排序的3个例子
2014/04/12 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
2014/12/29 Javascript
AngularJS表单编辑提交功能实例
2015/02/13 Javascript
jQuery实现动态添加和删除一个div
2015/08/12 Javascript
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
JS实现左右拖动改变内容显示区域大小的方法
2015/10/13 Javascript
学习JavaScript设计模式(封装)
2015/11/26 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
实例详解jQuery的无new构建
2016/08/02 Javascript
Angular2中如何使用ngx-translate进行国际化
2017/05/21 Javascript
原生JS实现DOM加载完成马上执行JS代码的方法
2018/09/07 Javascript
nodejs高大上的部署方式(PM2)
2018/09/11 NodeJs
Vue 使用Props属性实现父子组件的动态传值详解
2019/11/13 Javascript
python和pyqt实现360的CLable控件
2014/02/21 Python
Python使用Flask框架获取当前查询参数的方法
2015/03/21 Python
Python遍历目录并批量更换文件名和目录名的方法
2016/09/19 Python
Python网络编程详解
2017/10/31 Python
python 对象和json互相转换方法
2018/03/22 Python
django静态文件加载的方法
2018/05/20 Python
pandas 对series和dataframe进行排序的实例
2018/06/09 Python
django rest framework 实现用户登录认证详解
2019/07/29 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
CSS3 filter(滤镜)实现网页灰色或者黑色模式的示例代码
2021/02/24 HTML / CSS
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
大学生在校学习的自我评价
2014/02/18 职场文书
法律讲堂观后感
2015/06/11 职场文书
详解PHP用mb_string处理windows中文字符
2021/05/26 PHP
zabbix监控mysql的实例方法
2021/06/02 MySQL
Python访问Redis的详细操作
2021/06/26 Python
python pygame 开发五子棋双人对弈
2022/05/02 Python
Mysql数据库group by原理详解
2022/07/07 MySQL