masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 基于jquery的兼容各种浏览器的iframe自适应高度的脚本_jquery

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

WBOY
Lepaskan： 2016-05-16 18:21:21
asal
1239 orang telah melayarinya

jquery很强大，代码很简单：

复制代码 代码如下:

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

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


以下是jQuery,load事件的概述

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

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

注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件，因为jQuery会在所有DOM加载完成后再绑定load事件。
Label berkaitan：
iframe
sumber：php.cn
Artikel sebelumnya：JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题_javascript技巧 Artikel seterusnya：JavaScript 通过模式匹配实现重载_javascript技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Membenamkan HTML yang dijana oleh fungsi R Saya mahu membina html secara dinamik dan menjadikan html itu dalam quarto. Aplikasi seben...
daripada 2024-04-01 20:51:51
0
1
367
Benamkan/iframe sentiasa tinggi penuh Saya telah membenamkan beberapa fail html yang berbeza dalam "ketinggian". Saya ...
daripada 2024-03-31 09:50:18
0
1
400
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan