masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 使用JavaScript判断图片是否加载完成的三种实现方式_javascript技巧

使用JavaScript判断图片是否加载完成的三种实现方式_javascript技巧

WBOY
Lepaskan： 2016-05-16 16:50:17
asal
1290 orang telah melayarinya

有时需要获取图片的尺寸，这需要在图片加载完成以后才可以。有三种方式实现，下面一一介绍。

一、load事件

复制代码 代码如下:





img - load event


使用JavaScript判断图片是否加载完成的三种实现方式_javascript技巧

loading...






测试，所有浏览器都显示出了“loaded”，说明所有浏览器都支持img的load事件。

二、readystatechange事件
复制代码 代码如下:





img - readystatechange event


使用JavaScript判断图片是否加载完成的三种实现方式_javascript技巧

loading...






readyState为complete和loaded则表明图片已经加载完毕。测试IE6-IE10支持该事件，其它浏览器不支持。

三、img的complete属性
复制代码 代码如下:





img - complete attribute


使用JavaScript判断图片是否加载完成的三种实现方式_javascript技巧

loading...






轮询不断监测img的complete属性，如果为true则表明图片已经加载完毕，停止轮询。该属性所有浏览器都支持。
使用JavaScript判断图片是否加载完成的三种实现方式_javascript技巧 
Label berkaitan：
图片加载
sumber：php.cn
Artikel sebelumnya：JavaScript获取图片的原始尺寸以宽度为例_javascript技巧 Artikel seterusnya：jQuery简单图表peity.js使用示例_jquery
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
Dalam paparan mudah alih, bagaimana saya boleh menutup bar navigasi ini apabila pengguna mengklik pada pautan? Apabila pengguna mengklik pautan untuk menyemak imbas tapak web, bar navigasi tidak ditutu...
daripada 2024-04-06 19:23:03
0
1
411
Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman? Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...
daripada 2024-04-06 15:33:12
0
1
433
Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...
daripada 2024-04-06 14:54:03
0
2
421
Kemungkinan untuk menyimpan kod ASP Classic sebagai rentetan dalam pangkalan data MYSQL Adakah mungkin untuk menyimpan kod klasik asp ke dalam pangkalan data MySQL dan minta ia m...
daripada 2024-04-06 13:38:43
0
1
358
Saya menghadapi masalah dengan grid CSS yang ketinggiannya tidak seperti yang saya jangkakan, apakah kesilapan yang mungkin saya lakukan? Saya sedang belajar grid CSS dan diminta untuk membuat kad ini dengan memecahkannya kepada...
daripada 2024-04-06 12:52:14
0
1
339
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