Terkadang Anda perlu mendapatkan ukuran gambar, yang perlu dimuat setelah gambar dimuat. Di bawah ini, editor telah menyusun ringkasan beberapa metode untuk menilai apakah gambar JS dimuat. Mari kita lihat.
1. Muat acara
<script type = "text/javascript"> $ ('img'). onload = function () {// code} </script>Keuntungan: Sederhana dan mudah digunakan, tanpa mempengaruhi kode HTML.
Kerugian: Hanya satu elemen yang dapat ditentukan, dan kode Javascipt harus ditempatkan di bawah elemen gambar
2. Metode jQuery
<script type = "text/javascript"> $ (function () {$ ('. pic1'). masing -masing (function () {$ (this) .load (function () {$ (this) .fadein ();});});}) </script>Perhatikan bahwa tidak mengikat acara muat di $ (dokumen) .ready ().
Keuntungan: Peristiwa elemen dapat terikat dalam batch dan tidak mempengaruhi konten kode HTML
Kekurangan: Dukungan perpustakaan jQuery diperlukan, dan kode perlu ditempatkan di bawah elemen yang perlu dioperasikan.
3. Event ReadyStateChange
<! Doctype html> <html> <head> <meta charset = "utf -"> <itement> img - Event siap siap </iteme> </adept> <mimg id = "img" src = "http://pic.win.com/wallpaperpaper/f/cbbaea.jpg type = "text/javascript"> img.onreadystatechange = function () {if (img.readystate == "complete" || img.readystate == "dimuat") {p.innerhtml = 'readystatechange: dimuat'}} </script> </body> </html>ReadyState lengkap dan dimuat, yang berarti gambar telah dimuat. Menguji bahwa IE6-IE10 mendukung acara ini, tetapi browser lain tidak.
4. Atribut lengkap IMG
<! Doctype html> <html> <head> <meta charset = "utf -8"> <title> img - atribut lengkap </iteme> </head> <body> <img id = "img1" src = "http:/pic1.win4000.com/wallpaper/f/51c3bb99 id = "p1"> memuat ... </p> <script type = "text/javaScript"> function imGload (img, callback) {var timer = setInterval (function () {if (img.complete) {callback (img) clearInterval (timer)}, 50)} iMGLOAD (IMG) ClearInterServal (timer)}, 50)} iMGLOAD (IMG) {p1.innerHtml ('dimuat')}) </script> </body> </html>Polling terus menerus memantau atribut lengkap IMG. Jika benar, itu berarti gambar telah dimuat dan pemungutan suara dihentikan. Properti ini didukung oleh semua browser.
Konten di atas adalah ringkasan metode JS untuk menentukan apakah gambar dimuat oleh editor. Saya harap ini akan membantu semua orang. Pada saat yang sama, saya ingin mengucapkan terima kasih banyak atas dukungan Anda untuk situs web Wulin Network!