基于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 相关文章推荐
短信提示使用 特效
Jan 19 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
May 23 Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
Dec 21 Javascript
js showModalDialog参数的使用详解
Jan 07 Javascript
JS实现的文字与图片定时切换效果代码
Oct 06 Javascript
JavaScript中字面量与函数的基本使用知识
Oct 20 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
Sep 28 Javascript
JavaScript中值类型和引用类型的区别
Feb 23 Javascript
微信小程序开发之toast等弹框提示使用教程
Jun 08 Javascript
javascript  删除select中的所有option的实例
Sep 17 Javascript
微信小程序倒计时功能实例代码
Jul 17 Javascript
node.js中fs文件系统模块的使用方法实例详解
Feb 13 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开发环境配置(MySQL数据库安装图文教程)
2010/04/28 PHP
PHP把网页保存为word文件的三种方法
2014/04/01 PHP
Zend Framework开发入门经典教程
2016/03/23 PHP
PHP框架Laravel插件Pagination实现自定义分页
2020/04/22 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
Javascript MD4
2006/12/20 Javascript
javascript中处理时间戳为日期格式的方法
2014/01/02 Javascript
引用外部脚本时script标签关闭的写法
2014/01/20 Javascript
Javascript中的默认参数详解
2014/10/22 Javascript
浅谈JS闭包中的循环绑定处理程序
2014/11/09 Javascript
JavaScript结合AJAX_stream实现流式显示
2015/01/08 Javascript
js实现顶部可折叠的菜单工具栏效果实例
2015/05/09 Javascript
JavaScript Length 属性的总结
2015/11/02 Javascript
jquery验证邮箱格式是否正确实例讲解
2015/11/16 Javascript
js获取url传值的方法
2015/12/18 Javascript
理解JavaScript中Promise的使用
2016/01/18 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
2016/02/14 Javascript
适用于手机端的jQuery图片滑块动画
2016/12/09 Javascript
JS中用try catch对代码运行的性能影响分析
2016/12/26 Javascript
Element-ui table中过滤条件变更表格内容的方法
2018/03/02 Javascript
angular4 JavaScript内存溢出问题
2018/03/06 Javascript
JavaScript 实现轮播图特效的示例
2020/11/05 Javascript
使用Python编写类UNIX系统的命令行工具的教程
2015/04/15 Python
最基础的Python的socket编程入门教程
2015/04/23 Python
使用python实现mqtt的发布和订阅
2019/05/05 Python
python基于K-means聚类算法的图像分割
2019/10/30 Python
Python新手如何进行闭包时绑定变量操作
2020/05/29 Python
Python爬虫爬取百度搜索内容代码实例
2020/06/05 Python
Python 创建TCP服务器的方法
2020/07/28 Python
Python实现文件压缩和解压的示例代码
2020/08/12 Python
HTML5引入的新数组TypedArray介绍
2012/12/24 HTML / CSS
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
酒店服务实习自我鉴定
2013/09/22 职场文书
售后专员岗位职责
2013/12/08 职场文书
大型晚会策划方案
2014/02/06 职场文书
Vue3中的Refs和Ref详情
2021/11/11 Vue.js