Penggunaan JavaScript
Skrip dalam HTML mestilah antara teg <skrip>
Skrip boleh diletakkan di bahagian <body> dan <head>
<skrip> Tag
Untuk memasukkan JavaScript ke dalam halaman HTML, gunakan teg <skrip>
<skrip> dan </script> Garis antara
<skrip> dan </script> mengandungi JavaScript:
<skrip>
alert("JavaScript pertama saya ");
</script>
Anda tidak perlu memahami kod di atas. Hanya faham bahawa penyemak imbas mentafsir dan melaksanakan kod JavaScript antara <skrip> dan </script>. JavaScript dalam
<body> Dalam contoh ini, JavaScript akan menulis teks ke HTML <body> beban halaman: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网(php.cn)</title>
</head>
<body>
<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
</body>
</html>Jalankan program untuk mencubanya
Fungsi dan acara JavaScript
Pernyataan JavaScript dalam contoh di atas akan dilaksanakan apabila halaman dimuatkan. Selalunya, kita perlu melaksanakan kod apabila peristiwa berlaku, seperti apabila pengguna mengklik butang.
Jika kita meletakkan kod JavaScript ke dalam fungsi, kita boleh memanggil fungsi tersebut apabila peristiwa itu berlaku.
JavaScript dalam <head> atau <body>
Anda boleh meletakkan skrip tanpa had dalam dokumen HTML anda.
Skrip boleh berada dalam bahagian <body> atau <head>
Pendekatan biasa ialah meletakkan fungsi dalam bahagian <head> Dengan cara ini mereka boleh diletakkan di lokasi yang sama tanpa mengganggu kandungan halaman. Fungsi JavaScript dalam
<head>
Dalam contoh ini, kami meletakkan fungsi JavaScript dalam < kepala> bahagian halaman HTML. Fungsi ini akan dipanggil apabila butang diklik:
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网(php.cn)</title>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>Jalankan program untuk mencubanya <body> fungsi JavaScript dalam
Dalam contoh ini, kami meletakkan fungsi JavaScript dalam < of bahagian halaman HTML ;badan> Fungsi ini akan dipanggil apabila butang diklik:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网(php.cn)</title>
</head>
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>Jalankan atur cara untuk mencubanya
JavaScript Luaran
Anda juga boleh menyimpan skrip ke fail luaran. Fail luaran selalunya mengandungi kod yang digunakan oleh berbilang halaman web. Sambungan fail untuk fail JavaScript luaran ialah .js.
Jika anda perlu menggunakan fail luaran, sila tetapkan fail .js dalam atribut "src" teg <skrip>:
Contoh
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网（php.cn）</title>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
<p><b>注释：</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>
<script src="myScript.js"></script>
</body>
</html>
Anda boleh meletakkan skrip dalam <kepala> dan kesan sebenar akan sama seperti anda menulis skrip dalam teg <skrip>
Kod fail myScript.js adalah seperti berikut:
function myFunction(){
document.getElementById("demo").innerHTML="My fungsi JavaScript pertama";
}
Nota: Skrip luaran tidak boleh mengandungi teg <skrip>.
bahagian seterusnya
