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("我的第一個(gè) 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>。 如果您在文檔已加載后使用它(比如在函數(shù)中),會(huì)覆蓋整個(gè)文檔。 </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="我的第一個(gè) JavaScript 函數(shù)"; } </script> </head> <body> <h1>我的 Web 頁面</h1> <p id="demo">一個(gè)段落。</p> <button type="button" onclick="myFunction()">點(diǎn)擊這里</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()">點(diǎn)擊這里</button> <script> function myFunction(){ document.getElementById("demo").innerHTML="我的第一個(gè) JavaScript 函數(shù)"; } </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">一個(gè)段落。</p> <button type="button" onclick="myFunction()">點(diǎn)擊這里</button> <p><b>注釋:</b>myFunction 保存在名為 "myScript.js" 的外部文件中。</p> <script src="myScript.js"></script> </body> </html>