4.1 Objek browser
Kaya sing wis dingerteni, basa JavaScript bisa digunakake ing browser, mula kudu sesambungan karo browser sing padha. Kanggo nindakake iki, browser duwe sawetara obyek lan fungsi sing kasedhiya saka JavaScript.
Kapisan yaiku an object window
, sing nggambarake jendhela browser. Utawa, aku digunakake kanggo njlèntrèhaké nalika browser padha tanpa tab. Saiki obyek jendhela njlèntrèhaké tab browser saiki ing ngendi kaca kanthi skrip dimuat.
Kapindho, iki an object document
sing tanggung jawab kanggo dokumen sing ditampilake ing tab kasebut. Iki bisa uga rada mbingungake. Kanggo gamblang, ayo ngomong sing document iku apa sing ditampilake kanggo pangguna, lan jendhela iku document iki ditampilake ing.
Katelu, iki an object console
sing tanggung jawab kanggo output menyang console browser. Ya, browser uga duwe konsol, utamane digunakake kanggo debugging script lan nampilake pesen kesalahan. Biasane sampeyan bisa mbukak kanthi mencet tombol F12 ing browser sampeyan.
Object window
, minangka obyek tingkat paling dhuwur kanggo kabeh obyek kaca. Lan sanajan sampeyan bisa langsung nulis jeneng obyek document
ing console
naskah, nyatane, jeneng window.document
lan window.console
.
4.2 Dialog ing JavaScript
metode alert().
Uga an object window
nduweni sawetara fungsi sing katon ing skrip kaca. Sing paling umum digunakake yaiku alert()
. Ngidini sampeyan nampilake kothak dialog kanthi pesen menyang pangguna. Skrip kasebut banjur ditundha nganti pangguna ngeklik OK.
Tuladha:
alert("JavaScript is the best!");
metode prompt().
Ana uga fungsi sing sampeyan bisa njaluk pangguna kanggo ngetik sawetara nilai - iki prompt()
.
Tuladha:
var age = prompt("Enter Year of Birth");
konfirmasi () metode
Sampeyan bisa nampilake kothak dialog kanthi rong tombol Ok
- Cancel
takon pangguna babagan sawetara tumindak.
Tuladha:
var isOK = confirm("Are you ready");
4.3 onload () acara
Lan siji wektu liyane migunani lan menarik. Jendhela browser nduweni acara sing murub nalika dokumen wis dimuat kanthi lengkap. Sampeyan bisa nemtokake kode sing bakal dieksekusi sawise dokumen dimuat lan ditampilake.
Iki bisa ditindakake kanthi telung cara.
Pisanan, sampeyan bisa masang kode JavaScript langsung menyang kaca HTML minangka nilai atribut:
<body onload="alert('document loaded');">
<img src="big-image.png">
</body>
Kapindho, sampeyan bisa masang kode JavaScript mung ing kaca HTML:
<head>
<script>
function load()
{
alert('document loaded');
}
window.onload = load;
</script>
</head>
<body>
<img src="big-image.png">
</body>
Katelu, kita bisa nulis luwih cendhek kanthi nyatakake fungsi anonim:
<head>
<script>
window.onload = function () {
alert('document loaded');
}
</script>
</head>
<body>
<img src="big-image.png">
</body>
4.4 onclick() acara
Lan pungkasane, acara penting liyane (acara) yaiku event OnClick
. Sing kedadeyan ing unsur apa wae sing diklik pangguna. Kaya event OnLoad
sing bisa disetel kanthi cara sing beda-beda, mula kita bakal menehi sing paling gampang:
<body>
<img src="big-image.png" onclick="alert('user clicked on the image');">
</body>