基于jquery的兼容各种浏览器的iframe自适应高度的脚本


jquery很强大,代码很简单:

复制代码 代码如下:

$("#iPersonalInfo").load(function() {
$(this).height($(this).contents().height());
})

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


以下是jQuery,load事件的概述

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

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

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



相关阅读:
JS 动态添加列表框项效果代码
高亮显示web页表格行的javascript代码
可以拖动的div 实现代码
Windows 2003系统网络负载均衡的实现
一个查看ASP的javascript程序
php将数据库导出成excel的方法
linux shell 常用脚本语句语法收集 推荐
利用jquery操作select下拉列表框的代码
UPDATE NOW!2000之快速DIY篇
display:inline的用法
php 缓存函数代码
关于Shell中Wget命令的使用技巧
在Windows平台上升级MySQL注意事项
PHP应用程序的性能优化
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4