Copy kode kodenya sebagai berikut:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transisi//EN">
<html>
<kepala>
<title>Penanganan kejadian sederhana</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="ini halaman saya">
<meta http-equiv="content-type" content="teks/html; charset=UTF-8">
<!--
<script Language="text/javascript" src="hello.html">Tag panggilan eksternal js ini tidak dapat diakhiri dengan sendirinya</script>
<link rel="stylesheet" type="text/css" href="./styles.css">
-->
<skrip tipe="teks/javascript">
fungsi klikD(obj){
alert(obj.innerHTML);
}
fungsi mouseD(obj){
obj.style.color = "#f00";
//Saat menggunakan kode untuk mengatur gaya, jika css diwakili oleh -, itu harus ditandai dengan ukuran font huruf besar -> fontSize
obj.style.fontSize = "16 piksel";
}
fungsi keluarD(obj){
obj.style.color = "#000";
obj.style.fontSize = "18px";
}
//Penggunaan dengan
dengan(dokumen){
write("dddd<br/>");
}
dokumen.write("aaaa<br/>");
dokumen.write("bbbb<br/>");
dokumen.write("cccc<br/>");
</skrip>
</kepala>
<tubuh>
<div onclick="clickD(this)" style="cursor:pointer;">Klik dan coba</div>
<div onmouseover="mouseD(this)" onmouseout="outD(this)">Coba gerakkan mouse</div>
</tubuh>
</html>
2. Contoh objek browser: "Melibatkan transfer nilai antara dua halaman browser"
Copy kode kodenya sebagai berikut:
<!DOCTYPE html PUBLIK "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=utf-8" />
<title>js01_halo</title>
<meta name="penulis" content="Administrator" />
<skrip tipe="teks/javascript">
// setTimeout("akhirSelamat Datang()",5000);
// fungsi akhirSelamat Datang() {
// document.getElementById("selamat datang").style.display = "tidak ada";
// }
</skrip>
</kepala>
<tubuh>
<div id="welcome">Selamat datang di situs web kami</div>
<a href="#" onclick="window.open('test02.html','aaa','width=300,height=300,resizable=0')">tes02</a>
<a href="#" onclick="window.open('test03.html','aaa','width=400,height=400,resizable=0')">tes03</a>
<br/>
<a href="#" onclick="window.open('bless.html','aaa','width=600,height=300')">Masukkan berkat Anda</a>
<a href="#" onclick="window.open('bless.html','aaa','width=600,height=300')">Pilih jenis kelamin</a>
<div id="berkah"></div>
</tubuh>
</html>
Copy kode kodenya sebagai berikut:
<!DOCTYPE html PUBLIK "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=utf-8" />
<title>js01_halo</title>
<meta name="penulis" content="Administrator" />
<skrip tipe="teks/javascript">
fungsi memberkati() {
//Dapatkan masukan kata-kata berkah
var mb = dokumen.getElementById("mb").value;
//Dapatkan jendela induk
var p = jendela.pembuka;
//Dapatkan div dengan ID berkah di jendela induk
var pd = p.document.getElementById("berkah");
//Tetapkan nilai pd
pd.innerHTML = mb;
//Tutup jendela saat ini
jendela.tutup();
}
</skrip>
</kepala>
<tubuh>
Masukkan kata-kata pemberkatan:<input type="text" size="40" id="mb"/><input type="button" onclick="bless()" value="input" />
</tubuh>
</html>