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 documentsing 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.

Java webinar

Katelu, iki an object consolesing 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 documenting consolenaskah, nyatane, jeneng window.documentlan window.console.

4.2 Dialog ing JavaScript

metode alert().

Uga an object windownduweni 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- Canceltakon 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 OnLoadsing 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>