基于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字符串String和Array操作的有趣方法
Dec 18 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
Jan 23 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
Dec 16 Javascript
$("").click与onclick的区别示例介绍
Sep 25 Javascript
js判断鼠标位置是否在某个div中的方法
Feb 26 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
Sep 05 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
Nov 16 Javascript
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
Sep 30 Javascript
微信小程序支付PHP代码
Aug 23 Javascript
mpvue 项目初始化及实现授权登录的实现方法
Jul 20 Javascript
使用jQuery实现购物车
Oct 29 jQuery
JavaScript 中for/of,for/in 的详细介绍
Nov 17 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
Array of country list in PHP with Zend Framework
2011/10/17 PHP
PHP set_error_handler()函数使用详解(示例)
2013/11/12 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
xmlHTTP实例
2006/10/24 Javascript
IE和Firefox下event事件杂谈
2009/12/18 Javascript
基于jquery点击自以外任意处,关闭自身的代码
2012/02/10 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
2014/06/19 Javascript
JavaScript检测上传文件大小的方法
2015/07/22 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
js文字横向滚动特效
2015/11/11 Javascript
理解AngularJs指令
2015/12/10 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
jQuery组件easyui对话框实现代码
2016/08/25 Javascript
jQuery实现两列等高并自适应高度
2016/12/22 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
2017/02/20 Javascript
Nodejs+express+ejs简单使用实例代码
2017/09/18 NodeJs
bootstrap表格内容过长时用省略号表示的解决方法
2017/11/21 Javascript
js中的数组对象排序分析
2018/12/11 Javascript
js布局实现单选按钮控件
2020/01/17 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
2020/08/17 Javascript
uniapp实现可以左右滑动导航栏
2020/10/21 Javascript
python通过scapy获取局域网所有主机mac地址示例
2014/05/04 Python
python中global用法实例分析
2015/04/30 Python
合并百度影音的离线数据( with python 2.3)
2015/08/04 Python
python交互式图形编程实例(三)
2017/11/17 Python
批量将ppt转换为pdf的Python代码 只要27行!
2018/02/26 Python
python多线程之事件Event的使用详解
2018/04/27 Python
python+flask实现API的方法
2018/11/21 Python
解决Python一行输出不显示的问题
2018/12/03 Python
python 画二维、三维点之间的线段实现方法
2019/07/07 Python
Django Form 实时从数据库中获取数据的操作方法
2019/07/25 Python
解决阿里云邮件发送不能使用25端口问题
2020/08/07 Python
HTML5 DeviceOrientation实现手机网站摇一摇功能代码实例
2015/04/24 HTML / CSS
Carolina工作鞋官网:Carolina Footwear
2019/03/14 全球购物
经典c++面试题二
2015/08/14 面试题
Java elasticsearch安装以及部署教程
2021/06/28 Java/Android