Setelah browser memuat DOM, itu akan menambahkan peristiwa ke elemen DOM melalui JavaScript. Dalam JavaScript, metode window.onload () biasanya digunakan.
Di JQuery, metode $ (dokumen) .ready () digunakan. Izinkan saya memperkenalkan perbedaan antara keduanya di bawah ini.
| window.onload () | $ (dokumen) .ready () | |
| Waktu eksekusi | Jalankan semua elemen halaman (termasuk gambar dan file referensi) setelah dimuat. | Semua DOM HTML di halaman akan dieksekusi setelah struktur DOM CSS dimuat, dan gambar lain mungkin tidak dimuat. Jika Anda ingin semua konten halaman web (termasuk gambar, dll.) Memuat, mendaftar acara dan menggunakan $ (window) .Load (fungsi); Setara dengan window.onload () |
| Tuliskan nomor | Anda tidak dapat menulis banyak kata secara bersamaan, yang terakhir akan menimpa yang sebelumnya. mantan: window.onload = function () {alert ("a"); } window.onload = function () {alert ("b"); } Hasilnya adalah "B" Jika Anda ingin menjalankan peringatan ("A") dan peringatan ("b") secara berurutan, Anda perlu menulisnya window.onload = function () { peringatan ("a"); peringatan ("b"); } | Dapat menulis beberapa secara bersamaan |
| Singkatan | tidak ada | $ (dokumen) .ready (function () { // untuk melakukan; }); Bisa ditulis sebagai $ (). Ready (function () {// $ () tanpa parameter adalah dokumen // untuk melakukan; });atau $ (function () { // untuk melakukan; }); |