基于jquery的兼容各种浏览器的iframe自适应高度的脚本_jquery
程序员文章站
2022-04-10 16:37:53
...
jquery很强大,代码很简单:
$("#iPersonalInfo").load(function() {
$(this).height($(this).contents().height());
})
有一点需要注意的,我也在调试的时候才发现的,耽误了不少时间。就是绑定事件必须在iframe加载完毕之前绑定,否则不会执行。
以下是jQuery,load事件的概述
在每一个匹配元素的load事件中绑定一个处理函数。
如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。
注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。
复制代码 代码如下:
$("#iPersonalInfo").load(function() {
$(this).height($(this).contents().height());
})
有一点需要注意的,我也在调试的时候才发现的,耽误了不少时间。就是绑定事件必须在iframe加载完毕之前绑定,否则不会执行。
以下是jQuery,load事件的概述
在每一个匹配元素的load事件中绑定一个处理函数。
如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。
注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。
推荐阅读
-
基于jQuery实现左右div自适应高度完全相同的代码
-
JQuery iframe宽高度自适应浏览器窗口大小的解决方法
-
基于jQuery实现左右div自适应高度完全相同的代码
-
基于jQuery实现左右div自适应高度完全相同的代码
-
兼容主流浏览器的iframe自适应高度js脚本_javascript技巧
-
jQuery简单实现iframe的高度根据页面内容自适应的方法
-
基于jquery的让textarea自适应高度的插件_jquery
-
兼容主流浏览器的iframe自适应高度js脚本_javascript技巧
-
基于jquery的让textarea自适应高度的插件_jquery
-
基于jQuery实现左右div自适应高度完全相同的代码