Memuat Dokumen HTML Menggunakan Atribut Onload
Atribut onload dapat bekerja ketika object melakukan loading. Atribut onload pada umumnya digunakan bersamaan dengan elemen <body> untuk mengeksekusi script tertentu. Atribut onload dapat digunakan dengan segala jenis elemen html. Atribut onload digunakan untuk memeriksa browser pengunjung dan versi dari browser tersebut, dan melakukan loading sesuai dengan versi dari web page berdasarkan informasi yang didapatkan dari atribut.
Tag Pendukung:
Sintak:
<element onload = "script">
Value Atribut: mengandung script value tunggal yang dapat bekerja ketika event onload dipanggil. Atribut onload juga berasosiasi dengan banyak elemen html.
Contoh:
 |
| Ilustrasi Atribut Onload HTML |
Sebelum memahami lebih dalam materi tentang Memuat Dokumen HTML Menggunakan Atribut Onload, terlebih dahulu pelajari materi tentang: Atribut Onhashchange HTML dan Fungsinya [klik], Memunculkan Pesan Error HTML Menggunakan Atribut Onerror [klik], dan Melakukan Pembongkaran Dokumen HTML Menggunakan Atribut Unloaded [klik].
- <body>
- <frame>
- <frameset>
- <iframe>
- <img>
- <input type=”image”>
- <link>
- <script>
- <style>
Sintak:
<element onload = "script">
Value Atribut: mengandung script value tunggal yang dapat bekerja ketika event onload dipanggil. Atribut onload juga berasosiasi dengan banyak elemen html.
Baca Juga:
<!DOCTYPE html>
<html>
<head>
<title>
Atribut Event Onload
</title>
<script>
function Function()
{
alert("Halaman Sedang Loading");
}
</script>
<style>
body
{
text-align:center;}
h1
{
color:green;}
</style>
</head>
<body onload="Function()">
<h1>
Blog Elfan
</h1>
<h2>
Atribut Event Onload
</h2>
</body>
</html>
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Atribut Event Onload
</title>
</head>
<body>
<img
src=
"https://1.bp.blogspot.com/-mhjmreJwUG4/YGfcp6l6BxI/AAAAAAAANpQ/qBy8tiBe1qMEtMDBHUXM1yhhkhgPGUmPgCLcBGAsYHQ/s2048/logo%2Bsman%2B8%2Bsemarang.png"
onload="loadImage()"
width="500"
height="132">
<script>
function loadImage()
{
alert("Gambar Berhasil Loading");
}
</script>
</body>
</html>
Referensi Tambahan:
- Cara Penggunaan Atribut OnUnload pada Elemen HTML [klik]
- 9 Tag Pendukung Penggunaan Atribut OnChange pada HTML [klik]
- Penggunaan Atribut OnContextMenu pada Elemen HTML [klik]
- 11 Tag Pendukung Penggunaan Atribut OnFocus pada Elemen HTML [klik]
- 4 Elemen Pendukung Penggunaan Atribut OnInput pada Elemen HTML [klik]
- Cara Sederhana Penggunaan Atribut OnInvalid pada Elemen HTML [klik]
- Cara Penggunaan Atribut OnReset pada Elemen HTML [klik]
Artikel ini didedikasikan kepada: Ritchie Sukma Winata, Safira Edenia Safitri, Selklidzul Anisaadah, Shofana Ramadhani, dan Vianisycha Amalia.
Apa yang dimaksud dengan tag onload pada elemen html?
BalasHapusAtribut onload merupakan atribut yang diaktifkan ketika objek telah loading. Atribut onload paling sering digunakan ketikan elemen BODY mengeksekusi script setelah halaman web memuat semua konten termasuk gambar, file script, file CSS, dan lain sebagainya.
HapusPada HTML, atribut onload diaktifkan ketika sebuah objek telah selesai loading. Tujuan dari atribut onload adalah untuk mengeksekusi script ketika elemen yang berkaitan telah selesai melakukan loading. Atribut onload secara umum digunakan dengan elemen BODY untuk mengeksekusi script setelah konten CSS, gambar, script, dan lain sebagainya.
HapusApakah atribut onload dapat digunakan pada elemen form html?
BalasHapusElemen form pada html tidak memiliki atribut ONLOAD,
HapusKenapa kode html pada artikel ini tidak memiliki hasil output seperti contoh pada tutorial lainnya?
BalasHapusSupaya lebih mudah dipahami, jika dipraktikkan secara langsung.
Hapus