penggunaan JavaScript
Penggunaan JavaScript
Skrip dalam HTML mesti terletak di antara teg <skrip>
Skrip boleh diletakkan di bahagian <body> dan <head>
<skrip> teg
Untuk memasukkan JavaScript ke dalam halaman HTML, gunakan teg <skrip>
<skrip> dan </script> Garis antara
<skrip> dan </script> mengandungi JavaScript:
<script>
alert("我的第一个 JavaScript");
</script>Anda tidak perlu memahami kod di atas. Hanya faham bahawa penyemak imbas mentafsir dan melaksanakan kod JavaScript antara <skrip> dan </script> type="text/javascript" dalam teg <script> Ini tidak perlu lagi. JavaScript ialah bahasa skrip lalai dalam semua pelayar moden serta dalam HTML5. JavaScript dalam
<body>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>
document.write("<h1>This is a title</h1>");
document.write("<p>This is a paragraph</p>");
</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
</body>
</html>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. Anda akan mengetahui lebih lanjut tentang fungsi dan acara JavaScript dalam bab kemudian.
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> atau di bahagian bawah halaman. 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 <head> halaman HTML ; bahagian.
Fungsi ini akan dipanggil apabila butang diklik: Fungsi JavaScript
< dalam<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<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><body> 🎜>
Dalam contoh ini, kami meletakkan fungsi JavaScript ke dalam bahagian <body> Fungsi ini akan dipanggil apabila butang diklik:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>My first web</h1>
<p id="demo">This is a paragraph</p>
<button type="button" onclick="myFunction()">点击这里</button>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>JavaScript Luaran
Anda juga boleh menyimpan skrip ke dalam fail luaran. Fail luaran selalunya mengandungi kod yang digunakan oleh berbilang halaman web. Sambungan fail untuk fail JavaScript luaran ialah .js. Untuk menggunakan fail luaran, tetapkan fail .js dalam atribut "src" bagi teg <skrip>:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </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>
