Bagaimana cara kerja javascript?

Peristiwa load_ dipicu ketika seluruh halaman telah dimuat, termasuk semua sumber daya yang bergantung seperti lembar gaya, skrip, iframe, dan gambar. Ini berbeda dengan DOMContentLoaded_, yang diaktifkan segera setelah DOM halaman dimuat, tanpa menunggu sumber daya selesai dimuat

Acara ini tidak dapat dibatalkan dan tidak menggelembung

Catatan. Semua peristiwa bernama load tidak akan disebarkan ke Window, bahkan dengan

window.addEventListener("load", (event) => {
  console.log("page is fully loaded");
});

window.addEventListener("load", (event) => {
  console.log("page is fully loaded");
});

window.addEventListener("load", (event) => {
  console.log("page is fully loaded");
});

window.addEventListener("load", (event) => {
  console.log("page is fully loaded");
});

Catatan. Peristiwa load_ yang dikirim saat dokumen utama dimuat dikirim pada

window.addEventListener("load", (event) => {
  console.log("page is fully loaded");
});

window.addEventListener("load", (event) => {
  console.log("page is fully loaded");
});

window.addEventListener("load", (event) => {
  console.log("page is fully loaded");
});

window.onload = (event) => {
  console.log("page is fully loaded");
};

window.onload = (event) => {
  console.log("page is fully loaded");
};

Dalam javascript, onload digunakan untuk mengasosiasikan suatu fungsi atau skrip, tetapi karena itu sendiri bukan fungsi, tidak ada konsep nilai kembalian.

Pengecualian Onload di JavaScript

Tidak ada pengecualian dalam atribut acara onload Javascript

Contoh

Dalam contoh di bawah ini, ketika Javascript akan di-onload maka fungsi loadFunction akan dipanggil

  



  
onload event attribute in Javascript
  Hello Learner!

  
The event will be fired when the body of this HTML loaded.



_
Keluaran



Penjelasan
Kami telah membuat HTML sederhana yang terdiri dari tag kepala untuk skrip dan tag badan untuk konten
Dengan tag body, kami telah menggunakan atribut onload dan memberikan fungsi sebagai nilai yang ditentukan di dalam tag skrip head
Fungsi ini akan dijalankan ketika halaman selesai dimuat
Tidak ada konten yang kompleks pada halaman itu sebabnya acara pemuatan dipicu dalam satu detik tetapi konsep ini cocok untuk halaman web yang kompleks dan skenario kehidupan nyata
Bagaimana Cara Kerja Onload JavaScript?
Acara pemuatan di HTML diaktifkan ketika objek selesai memuat, yang berarti semua sumber daya yang diperlukan telah dimuat seperti gambar, CSS eksternal, skrip, dll. Onload Javascript digunakan untuk mengeksekusi beberapa kode saat halaman dimuat sepenuhnya. Beberapa kasus penggunaan praktis mengenai kode untuk ditulis dalam skrip yang akan dieksekusi dengan peristiwa pemuatan adalah sebagai berikut
Kami dapat menampilkan beberapa pesan kepada pengguna yang menyatakan bahwa halaman web yang Anda perlukan telah dimuat seluruhnya sehingga pengguna dapat mulai menjelajahi halaman web
Kami dapat berkomunikasi dengan backend untuk meminta beberapa data lebih lanjut saat pemuatan halaman selesai
Kami dapat menyajikan beberapa data saat pemuatan halaman selesai, misalnya jika ada aplikasi komersial dan pengguna sedang membaca blog di aplikasi tersebut, kami dapat menampilkan modal tentang produk perusahaan yang terkait dengan blog tersebut saat halaman tersebut, memang 
Atribut peristiwa onload mengaitkan fungsionalitas yang diberikan untuk dieksekusi saat peristiwa pemuatan dipicu, peristiwa pemuatan dipicu saat pemuatan konten web selesai
Selain menggunakan onload, kita bisa menggunakan metode addEventListener dengan objek untuk mendengarkan event load
object.addEventListener("load", script);
Lebih Banyak Contoh
Contoh Kasus Penggunaan Onload di Javascript
Kami memiliki beberapa skrip eksternal, CSS eksternal, gambar, dan video di sini. Jadi, dengan onload javascript, kami ingin melakukan beberapa tindakan segera setelah semua sumber daya dimuat
 

Bagaimana cara memanggil fungsi onload di JavaScript?
Jika Anda ingin metode onload mengambil parameter, Anda dapat melakukan sesuatu yang mirip dengan ini. jendela.  onload = function() { yourFunction(param1, param2); .  This binds onload to an anonymous function, that when invoked, will run your desired function, with whatever parameters you give it.
Apa gunanya acara onload?
Definisi dan Penggunaan
. Acara onload juga dapat digunakan untuk menangani cookie (lihat "Contoh Lainnya" di bawah). to check the visitor's browser type and browser version, and load the proper version of the web page based on the information. The onload event can also be used to deal with cookies (see "More Examples" below).
Apakah onload berfungsi pada div?
Acara onload hanya dapat digunakan pada dokumen(badan) itu sendiri, bingkai, gambar, dan skrip. Dengan kata lain, itu hanya dapat dilampirkan ke badan dan/atau setiap sumber daya eksternal. Div bukan sumber daya eksternal dan dimuat sebagai bagian dari badan, jadi acara onload tidak berlaku di sana . 
Apa perbedaan antara metode onload () dan document ready ()?
Perbedaan utama antara onload JavaScript dan ＄(dokumen) jQuery. metode ready(function) adalah itu. Onload mengeksekusi blok kode setelah halaman dimuat sepenuhnya saat ＄(dokumen).  ready(function) mengeksekusi blok kode setelah DOM siap .