基于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的一些小应用收集
Mar 27 Javascript
在UpdatePanel内jquery easyui效果失效的解决方法
Apr 11 Javascript
jQuery+.net实现浏览更多内容(改编php版本)
Mar 28 Javascript
用javascript为页面添加天气显示实现思路及代码
Dec 02 Javascript
javascript生成随机数的方法
May 16 Javascript
node.js操作mongodb学习小结
Apr 25 Javascript
JS前向后瞻正则表达式定义与用法示例
Dec 27 Javascript
vue、react等单页面项目部署到服务器的方法及vue和react的区别
Sep 29 Javascript
JavaScript ES2019中的8个新特性详解
Feb 20 Javascript
简单学习5种处理Vue.js异常的方法
Jun 17 Javascript
layui实现左侧菜单点击右侧内容区显示
Jul 26 Javascript
JS实现网页端猜数字小游戏
Mar 06 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
新浪新闻小偷
2006/10/09 PHP
php一些公用函数的集合
2008/03/27 PHP
php array的学习笔记
2012/05/10 PHP
php的$_FILES的临时储存文件与回收机制实测过程
2013/07/12 PHP
ThinkPHP实现将SESSION存入MYSQL的方法
2014/07/22 PHP
thinkPHP5.0框架独立配置与动态配置方法
2017/03/17 PHP
使用新的消息弹出框blackbirdjs
2008/10/16 Javascript
javascript转换字符串为dom对象(字符串动态创建dom)
2010/05/10 Javascript
计算世界完全对称日的js代码,粗糙版
2011/11/04 Javascript
JavaScript日期时间与时间戳的转换函数分享
2015/01/31 Javascript
理解Javascript的动态语言特性
2015/06/17 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
2015/09/09 Javascript
jquery+CSS3实现3D拖拽相册效果
2016/07/18 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
2017/04/22 Javascript
angular中使用Socket.io实例代码
2017/06/03 Javascript
zTree异步加载展开第一级节点的实现方法
2017/09/05 Javascript
解决vue多个路由共用一个页面的问题
2018/03/12 Javascript
浅谈vue.use()方法从源码到使用
2019/05/12 Javascript
jQuery 查找元素操作实例小结
2019/10/02 jQuery
python实现的二叉树算法和kmp算法实例
2014/04/25 Python
python绘制地震散点图
2019/06/18 Python
python中时间转换datetime和pd.to_datetime详析
2019/08/11 Python
python中栈的原理及实现方法示例
2019/11/27 Python
Python imageio读取视频并进行编解码详解
2019/12/10 Python
Django调用百度AI接口实现人脸注册登录代码实例
2020/04/23 Python
python退出循环的方法
2020/06/18 Python
python如何操作mysql
2020/08/17 Python
Python+MySQL随机试卷及答案生成程序的示例代码
2021/02/01 Python
HTML5 移动页面自适应手机屏幕四类方法总结
2017/08/17 HTML / CSS
Html5原创俄罗斯方块(基于canvas)
2019/01/07 HTML / CSS
ORACLE十问
2015/04/20 面试题
《都江堰》教学反思
2014/02/07 职场文书
妇女儿童发展规划实施方案
2014/03/16 职场文书
我爱读书演讲稿
2014/05/07 职场文书
幼儿园开学温馨提示
2015/07/15 职场文书
golang中切片copy复制和等号复制的区别介绍
2021/04/27 Golang