基于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和PHP实现类似360功能开关效果
Feb 12 Javascript
Javascript中call和apply函数的比较和使用实例
Feb 03 Javascript
js检测判断日期大于多少天的方法
May 04 Javascript
JavaScript+html5 canvas制作的百花齐放效果完整实例
Jan 26 Javascript
浅析Bootstrap表格的使用
Jun 23 Javascript
jQuery实现邮箱下拉列表自动补全功能
Sep 08 Javascript
Vue中使用webpack别名的方法实例详解
Jun 19 Javascript
TypeScript类型声明书写详解
Aug 28 Javascript
在layui中layer弹出层点击事件无效的解决方法
Sep 05 Javascript
Nuxt v-bind绑定img src不显示的解决
Dec 05 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
Jun 01 Javascript
Vue 同步异步存值取值实现案例
Aug 05 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管理内存函数 memory_get_usage()使用介绍
2012/09/23 PHP
PHP比较运算符的详细介绍
2015/09/29 PHP
PHP常见的6个错误提示及解决方法
2016/07/07 PHP
基于PHP制作验证码
2016/10/12 PHP
PHP判断是否是微信打开还是浏览器打开的方法
2019/02/27 PHP
laravel5.2表单验证,并显示错误信息的实例
2019/09/29 PHP
laravel5表单唯一验证的实例代码
2019/09/30 PHP
JQuery 1.4 中的Ajax问题
2010/01/23 Javascript
offsetHeight在OnLoad中获取为0的现象
2013/07/22 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
2013/10/11 Javascript
JavaScript图片轮播代码分享
2015/07/31 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
2016/02/16 Javascript
Bootstarp风格的toggle效果分享
2016/02/23 Javascript
jquery单击事件和双击事件冲突解决方案
2016/03/02 Javascript
仿iframe效果Aajx文件上传实例
2016/11/18 Javascript
js实现自动轮换选项卡
2017/01/13 Javascript
基于zepto.js实现登录界面
2017/10/09 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
微信小程序动态添加view组件的实例代码
2019/05/23 Javascript
基于Web Audio API实现音频可视化效果
2020/06/12 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
2020/08/03 Javascript
浅谈JavaScript中的“!!”作用
2020/08/03 Javascript
修改Vue打包后的默认文件名操作
2020/08/12 Javascript
[01:23]2014DOTA2国际邀请赛 球迷无处不在Ti现场世界杯受关注
2014/07/10 DOTA
在Mac OS上部署Nginx和FastCGI以及Flask框架的教程
2015/05/02 Python
Python cookbook(数据结构与算法)保存最后N个元素的方法
2018/02/13 Python
Python数据分析库pandas基本操作方法
2018/04/08 Python
Python中使用Counter进行字典创建以及key数量统计的方法
2018/07/06 Python
python实现socket+threading处理多连接的方法
2019/07/23 Python
利用Python计算KS的实例详解
2020/03/03 Python
HTML5 3D书本翻页动画的实现示例
2019/08/28 HTML / CSS
WoolOvers爱尔兰:羊绒、羊毛和棉针织品
2017/01/04 全球购物
大学生的创业计划书就该这么写
2014/01/30 职场文书
大雁塔英文导游词
2015/02/10 职场文书
医院保洁员管理制度
2015/08/05 职场文书
Win11 25163.1010更新补丁KB5016904推送,测试服务验证管道(附更新修复汇总)
2022/07/23 数码科技