penggunaan JavaScript
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中文網(wǎng)(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>。
如果您在文檔已加載后使用它（比如在函數(shù)中），會覆蓋整個文檔。
</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.
JavaScript dalam <head> atau <body>
Anda boleh meletakkan skrip tanpa had dalam dokumen HTML anda.Skrip boleh berada dalam bahagian <body> atau <head>
<head>
Dalam contoh ini, kami meletakkan fungsi JavaScript dalam < kepala> bahagian halaman HTML. Fungsi ini akan dipanggil apabila butang diklik:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)(php.cn)</title>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="我的第一個 JavaScript 函數(shù)";
}
</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中文網(wǎng)(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 函數(shù)";
}
</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 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(){ } Nota: Skrip luaran tidak boleh mengandungi teg <skrip>. <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)（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>
document.getElementById("demo").innerHTML="My fungsi JavaScript pertama";
