<html><head><title>My Web</title><script>function outawaljs(){var outnya=document.getElementById("outjs1");outnya.innerHTML="<h2>Ini Javascript pertamaku</h2>";}function pesandialog(){window.alert("Tes refresh onload javascript");}</script><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><div id="outjs1"></div></body><html>
kode diatas tidak akan berfungsi atau berekasi apa-apa ketika kita load atau kita jalankan pada browser kita. dan sekarang kita tambahkan event onload pada tag body seperti berikut
<body onload="pesandialog()">
untuk kode lengkpanya seperti berikut
<html>
<head>
<title>My Web</title>
<script>
function outawaljs(){
var outnya=document.getElementById("outjs1");
outnya.innerHTML="<h2>Ini Javascript pertamaku</h2>";
}
function pesandialog(){
window.alert("Tes refresh onload javascript");
}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body onload="pesandialog()">
<div id="outjs1"></div>
</body>
<html>
maka jika kita eksekusi atau kita load akan menghasilkan menampilkan pesan "Tes refresh onload javascript" seperti pada gambar berikut
dan sekarang kita coba yang kode javascript yang kedua seperti berikut
<html><head><title>My Web</title><script>function outawaljs(){var outnya=document.getElementById("outjs1");outnya.innerHTML="<h2>Ini Javascript pertamaku</h2>";}function pesandialog(){window.alert("Tes refresh onload javascript");}</script><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body onload="outawaljs()"><div id="outjs1"></div></body><html>
maka dari kode diatas akan menghasilkan output seperti berikut
untuk event onload ini saya selalu biasanya di taruh pada tag body disetiap kode-kode javascript yang membutuhkan running pada saat awal atau pertama start atau load atau dijalankan.
saya rasa untuk tulisan tentang cara membuat onload dan cara menggunakan onload pada javascript ini cukup sekian dulu, dan kita akan lanjut di next tulisan Insya Allah.
semoga dan mudah-mudahan tulisan ini bisa membawa dan memberikan manfaat bagi kita semua,Aamiiin.
Salam sobat semua
#javascript #free #share #gratis #berbagi #event #onload #web #websites #website #webdeveloper
Komentar
Posting Komentar