手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jquery的兼容各种浏览器的iframe自适应高度的脚本
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
摘要:jquery很强大,代码很简单:复制代码代码如下:$("#iPersonalInfo").load(function(){$(this).h...

jquery很强大,代码很简单:

复制代码 代码如下:

$("#iPersonalInfo").load(function() {

$(this).height($(this).contents().height());

})

有一点需要注意的,我也在调试的时候才发现的,耽误了不少时间。就是绑定事件必须在iframe加载完毕之前绑定,否则不会执行。

以下是jQuery,load事件的概述

在每一个匹配元素的load事件中绑定一个处理函数。

如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。

注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。

【基于jquery的兼容各种浏览器的iframe自适应高度的脚本】相关文章:

基于zepto的移动端轻量级日期插件--date

如何实现浏览器上的右键菜单

打印/预览/设置的客户端代码

jquery实现动态改变div宽度和高度

基于jQuery实现的无刷新表格分页实例

详解AngularJS中的http拦截

JavaScript操作Cookie方法实例分析

鼠标划过时整行变色

手机端页面rem宽度自适应脚本

javascript实现youku的视频代码自适应宽度

精品推荐
分类导航