5.1 document.getElementById()
Kaya sing sampeyan ngerteni, JavaScript digawe kanggo nambah sawetara animasi menyang kaca HTML. Nganti saiki, kita durung ngomong babagan iki. Kepiye carane nambah animasi sing padha? Kepiye, contone, ngganti warna unsur?
Kanggo ngganti warna unsur, sampeyan kudu nemokake unsur iki. Kanggo nindakake iki, ana fungsi document.getElementById();
Sampeyan nulis ing HTML id
ing unsur sing dikarepake, banjur ngakses saka JavaScript. Tuladha:
<head>
<script>
function changeImage()
{
var image = document.getElementById("image123");
image.src = "new-image.png";
}
</script>
</head>
<body>
<img id="image123" scr="big-image.png" onclick="changeImage()">
</body>
Sawise pangguna ngeklik gambar kasebut, fungsi kasebut diarani changeImge()
. Ing njero, kita entuk unsur image
kanthi ID
, banjur ganti nilai atribut src dadi anyar. Kang bakal nimbulaké unsur img
kanggo mbukak gambar anyar.
5.2 document.createElement()
Saliyane entuk unsur, kita uga bisa nggawe unsur anyar lan mbusak sing wis ana.
Nggawe unsur gampang banget. Kanggo nindakake iki, sampeyan kudu nindakake rong perkara: a) nggawe unsur , b) nambah menyang panggonan sing bener ing dokumen. Biasane katon kaya iki:
<head>
<script>
window.onload = function () {
var image = document.createElement("IMG");
var image.src = "big-image.png";
document.body.addAfter(image);
}
</script>
</head>
<body>
</body>
5.3 metode window.navigate().
Cara liya sing migunani banget yaiku window.navigate()
. Kanthi, sampeyan bisa meksa browser kanggo mbukak kaca anyar tinimbang sing saiki. Cukup pass URL
menyang cara iki lan nelpon. Tuladha:
<body>
<img scr="big-image.png" onclick="window.navigate('https://google.com');">
</body>
Ing conto ing ndhuwur, sawise pangguna ngeklik gambar, kaca google.com bakal dimuat menyang tab saiki.
5.4 URL saiki
Lan siji liyane migunani. Kadhangkala skrip kudu ngerti URL kaca saiki. Contone, skrip sing padha bisa ditambahake menyang kaca sing beda. Carane nindakake?
Ana properti khusus kanggo iki.document.location.href
var currentURL = document.location.href;
GO TO FULL VERSION