Ads: Singset Premium Jekyll Theme. A beautiful and modern theme for Jekyll blog. Use code 2tv6qos to get $18 off your purchase!
HTML Event DOMContentLoaded dan Load
- Kategori:
- html
- javascript
Event DOMContentLoaded
dan load
merupakan html event penting wajib diketahui bagi front-end web developer.
DOMContentLoaded
merupakan event html yang dipanggil ketika dokumen HTML telah selesai load dan parsing tanpa menunggu stylesheets atau css, images, atau subframes selesai diproses.
Sedangkan event load
merupakan event yang terjadi ketika halaman web telah selesai loading. Sangat disarankan menggunakan event DOMContentLoaded
dibandingkan event load
ketika menjalankan javascript.
Hal ini dikarenakan dalam menjalankan javascript tidak diperlukan untuk menunggu resource seperti stylesheets dan images selesai diproses, cukup menunggu Document Object Model (DOM) selesai load dan selesai dilakukan parsing.
window.addEventListener("load", function(event) {
console.log("All resources finished loading!");
});
document.addEventListener("DOMContentLoaded", function(event) {
console.log("DOM fully loaded and parsed");
});
// jQuery
$(window).load(function() {
console.log("All resources finished loading!");
});
$(document).ready(function() {
console.log("DOM fully loaded and parsed");
});
Referensi
- Tag:
- #html
- #javascript
Rekomendasi Services
Service-service dibawah ini pernah dan sedang oleh KAK Labs saat mengembangkan project dan sangat direkomendasikan.
- Digital Ocean - Daftar server cloud di Digital Ocean melalui link ini akan mendapatkan kredit $200
- Bunny CDN - CDN favorit, yang KAK Labs gunakan disemua project
- Namecheap - Tempat beli domain .id terfavorit.
- Backblaze - Online Backup agar laptop jika terkena ransomware tetap tenang
- Dediserve - Cloud server ini memiliki Datacenter di Jakarta, digunakan oleh project KAK Tools
Tulisan Terbaru
HTML Boilerplate
HTML Boilerplate versi KAK Labs
No-Class / Classless CSS Frameworks
Daftar CSS frameworks tanpa class versi KAK Labs
Microsoft C#
Review, rekomendasi link belajar dan rekomendasi extensions Visual Studio Code untuk C#
Typography
Typography, 50 Bytes CSS, dan 100 Bytes CSS
Membangun Penyimpanan RAID 5 - Bagian 2 (Tamat)
Bagian kedua membangun penyimpanan RAID, tulisan kali fokus bagaimana setup HDD Enclosure untuk mode RAID