penggunaan JavaScript



Skrip dalam HTML mesti diletakkan di 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:

<script>
alert("My First JavaScript");
</script>

Anda tidak perlu memahami kod di atas. Hanya faham bahawa penyemak imbas mentafsir dan melaksanakan kod JavaScript

lamp那些老旧的实例可能会在  <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。
antara <skrip>JavaScript dalam



<body>

Dalam contoh ini, JavaScript menulis teks ke <body> HTML apabila halaman dimuatkan:

Instance

<!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>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian


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> Ini membolehkan mereka diletakkan di lokasi yang sama tanpa mengganggu kandungan halaman. Fungsi JavaScript dalam


<head>

Dalam contoh ini, kami meletakkan fungsi JavaScript ke dalam bahagian <head>

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 instance»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian


<body> fungsi JavaScript dalam

Dalam contoh ini, kami meletakkan fungsi JavaScript ke dalam Halaman HTML Bahagian <badan>

Fungsi ini akan dipanggil apabila butang diklik:

Instance

<!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 instance»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian


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" bagi 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>

Jalankan contoh»

Klik butang "Jalankan contoh" untuk melihat contoh dalam talian

Anda boleh meletakkan skrip dalam <head> atau <body> dan kesan sebenar akan sama seperti anda menulis skrip dalam tag <skrip>

kod fail myScript.js adalah seperti berikut:

function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
lamp外部脚本不能包含  <script> 标签。