Page 135 - BUKU TEKS SK T5
P. 135
CONTOH 1
Contoh 1 menggunakan cara explicit embedding, iaitu kod JavaScript diletakkan dalam atau bersama-
sama kod HTML. Contoh kandungan HTML (tanpa skrip) dan kandungan HTML (berserta skrip) ditunjukkan
pada Rajah 3.1.6.
HTML (tanpa skrip) HTML (berserta skrip)
<html> <html>
<body> <body>
<p>Nombor:</p> <p>Nombor:</p>
5 <script> Kod JavaScript untuk
</body> document.write("5"); mencetak “5” dalam
</html> </script> dokumen HTML (laman web)
</body>
</html>
Rajah 3.1.6 Atur cara HTML, JavaScript dan contoh output (Explicit Embedding)
CONTOH 2
Contoh 2 menggunakan cara implicit embedding, iaitu meletakkan kod JavaScript dalam satu fail sendiri
yang mempunyai extension “.js” seperti contoh myScript.js dan akan dipanggil jika ingin digunakan.
Fail mengandungi kod JavaScript dalam subatur cara f1().
Sekiranya ingin menggunakan fail tersebut, rujuk nama fail tersebut dalam atribut source dan panggil f1()
untuk pelaksanaan kod, iaitu src=”myScript.js”.
Contoh kandungan fail “.js” berserta skrip dan kandungan HTML (yang merujuk fail “.js”) ditunjukkan pada
Rajah 3.1.7.
Fail “myScript.js” (skrip) HTML
function f1() <html>
{ <head>
document.write("5"); <title>Script Luaran</title> Rujuk kod
} <script src="myScript.js"> JavaScript dalam
</script> fail myScript.js
</head>
<body>
<p>Nombor:</p> Panggil dan
<script type="text/javascript"> laksana kod
f1(); subatur cara
</script> f1( ) dalam fail
</body> myScript.js
</html>
PB BAB 3 Pengaturcaraan Berasaskan Web 127
