masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 判断控件是否已加载完成的代码_javascript技巧

判断控件是否已加载完成的代码_javascript技巧

WBOY
Lepaskan： 2016-05-16 18:33:59
asal
1030 orang telah melayarinya

例如：

复制代码 代码如下:




浏览器在解析时，首先加载 input标签，然后加载img标签。
　　此时如果想判断img标签是否加载完成，可以在img标签的前后加上脚本，例如
代码
复制代码 代码如下:





<script> document.getElementById("loading").innerHTML = "";</script>

注意此时的img标签前后的js代码，上面的js代码先获取img对象，然后判断该对象是否为空，如果是空的话说明没有加载完成，那么提示用户“正在生成图片控件”，加载完成后将提示信息隐藏。
　　上面的方法适用于所有控件或标签，但是对于本身就具有onload事件的控件或标签（该事件在对应的控件或标签加载完成后触发），我们完全可以把img后面的代码封装成一个函数供onload调用，如下
代码
复制代码 代码如下:











从上面的代码可以看出，img标签后面的代码已经封装成loadedimg方法被img的onload调用。
　　那哪些控件或标签具有onload事件呢？我在网上查了，如下（不知道全不全）：
, , ,
Label berkaitan：
kawalan
sumber：php.cn
Artikel sebelumnya：JavaScript 时分秒时间代码(自动补零)_时间日期 Artikel seterusnya：javascript function调用时的参数检测常用办法_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
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1335
Di mana saya harus meletakkan arahan CustomLog dalam apache Saya menggunakan php:7.2-apachedocker. Saya perlu melumpuhkan log akses log masuk url sema...
daripada 2024-04-06 22:03:59
0
1
990
Bagaimana untuk mencetuskan render (dengan penapis dan penomboran) pada kaedah isihan dalam React? Berikut ialah komponen gaya Sort.js saya: <SortWrapper><SortText>SortBy</So...
daripada 2024-04-06 21:28:37
0
1
2257
Pertanyaan dan formula membentuk keseluruhan jadual, dengan lajur baharu, dengan lajur baharu ialah formula yang melibatkan nilai lajur bersyarat lain EDIT: Formula mestilah lajur "nilai" - lajur "nilai" dengan user_id te...
daripada 2024-04-06 21:23:40
0
2
530
Cara menggunakan komponen laravel dengan ruang letak malas livewire Saya ingin menambah rangka komponen laravel saya di dalam ruang letak livewire3 Perkara ya...
daripada 2024-04-06 20:02:10
0
2
543
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