基于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 相关文章推荐
由浅到深了解JavaScript类
Sep 08 Javascript
JTrackBar水平拖动效果
Jul 15 Javascript
jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
Jul 26 Javascript
jquery实现点击TreeView文本父节点展开/折叠子节点
Jan 10 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
Aug 09 Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
May 10 Javascript
Bootstrap标签页(Tab)插件使用方法
Mar 21 Javascript
如何使用vuex实现兄弟组件通信
Nov 02 Javascript
解决layui的input独占一行的问题
Sep 10 Javascript
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
vue 给数组添加新对象并赋值
Apr 20 Vue.js
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 之入门篇
2006/12/04 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
判断页面是关闭还是刷新的js代码
2007/01/28 Javascript
javascript 面向对象思想 附源码
2009/07/07 Javascript
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
2012/02/03 Javascript
利用js实现选项卡的特别效果的实例
2013/03/03 Javascript
jQuery焦点图插件SaySlide
2015/12/21 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
2016/05/21 Javascript
基于JavaScript实现回到页面顶部动画代码
2016/05/24 Javascript
js Canvas实现的日历时钟案例分享
2016/12/25 Javascript
JavaScript实现简单的文本逐字打印效果示例
2018/04/12 Javascript
微信小程序中换行空格(多个空格)写法详解
2018/07/10 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
2018/08/07 Javascript
vue使用Font Awesome的方法步骤
2019/02/26 Javascript
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
[03:15]DOTA2-DPC中国联赛1月22日Recap集锦
2021/03/11 DOTA
Python中文件操作简明介绍
2015/04/13 Python
解决在pycharm中显示额外的 figure 窗口问题
2019/01/15 Python
使用python实现数组、链表、队列、栈的方法
2019/12/20 Python
Python利用imshow制作自定义渐变填充柱状图(colorbar)
2020/12/10 Python
Photobook澳大利亚:制作相片书,婚礼卡,旅行相簿
2017/01/12 全球购物
美国最佳在线航班预订网站:LookupFare
2019/03/26 全球购物
美国牙科折扣计划:DentalPlans.com
2019/08/26 全球购物
汇科协同Java笔试题
2012/03/31 面试题
三个Unix的命令面试题
2015/04/12 面试题
摄影实习自我鉴定
2013/09/20 职场文书
大学军训通讯稿
2014/01/13 职场文书
参观考察邀请函范文
2014/01/29 职场文书
安全生产月演讲稿
2014/05/09 职场文书
中秋节活动总结
2014/08/29 职场文书
导师对论文的学术评语
2015/01/04 职场文书
2015年度合同管理工作总结
2015/05/22 职场文书
2016年习主席讲话学习心得体会
2016/01/20 职场文书
go:垃圾回收GC触发条件详解
2021/04/24 Golang
JVM入门之类加载与字节码技术(类加载与类的加载器)
2021/06/15 Java/Android