基于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封装的一个js分页
Nov 15 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
Jun 13 Javascript
jquery实现点击弹出层效果的简单实例
Mar 03 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
May 28 Javascript
JavaScript的原型继承详解
Feb 15 Javascript
基于Css3和JQuery实现打字机效果
Aug 11 Javascript
window.open打开窗口被拦截的快速解决方法
Aug 04 Javascript
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
Jul 08 Javascript
JavaScript实现身份证验证代码实例
Aug 26 Javascript
Vue实例的对象参数options的几个常用选项详解
Nov 08 Javascript
Element Carousel 走马灯的具体实现
Jul 26 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 类相关函数的使用详解
2013/05/10 PHP
PHP中异常处理的一些方法整理
2015/07/03 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
基于jquery的横向滚动条(滑动条)
2011/02/24 Javascript
检测jQuery.js是否已加载的判断代码
2011/05/20 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
2011/06/27 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
2014/01/09 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
2014/03/21 Javascript
iframe的onreadystatechange事件在firefox下的使用
2014/04/16 Javascript
jQuery添加和删除指定标签的方法
2015/12/16 Javascript
JavaScript:Array类型全面解析
2016/05/19 Javascript
js智能获取浏览器版本UA信息的方法
2016/08/08 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
2017/06/07 Javascript
js 获取json数组里面数组的长度实例
2017/10/31 Javascript
JS控制鼠标拒绝点击某一按钮的实例
2017/12/29 Javascript
微信小程序实现跑马灯效果
2020/10/21 Javascript
Python中的zip函数使用示例
2015/01/29 Python
利用Python实现原创工具的Logo与Help
2018/12/03 Python
Django Rest framework频率原理与限制
2019/07/26 Python
Python使用Socket实现简单聊天程序
2020/02/28 Python
Python使用for生成列表实现过程解析
2020/09/22 Python
selenium+python自动化78-autoit参数化与批量上传功能的实现
2021/03/04 Python
Ego Shoes官网:英国时髦鞋类品牌
2020/10/19 全球购物
在校生汽车维修实习自我鉴定
2013/09/19 职场文书
写给学生的新学期寄语
2014/01/18 职场文书
《这儿真好》教学反思
2014/02/22 职场文书
自我鉴定总结
2014/03/24 职场文书
学习雷锋活动总结
2014/04/29 职场文书
2014入党积极分子破除“四风”思想汇报
2014/09/14 职场文书
学生自我鉴定格式及范文
2014/09/16 职场文书
杜甫草堂导游词
2015/02/03 职场文书
全国法制宣传日活动总结
2015/05/05 职场文书
创业计划书之溜冰场
2019/10/25 职场文书
Python绘画好看的星空图
2022/03/17 Python
Zabbix对Kafka topic积压数据监控的解决方案
2022/07/07 Servers