masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

penggunaan JavaScript

<script></script> tag

Untuk menggunakan JavaScript dalam HTML, anda perlu menggunakan teg <script></script> tentukan Nilai atribut jenis ialah teks/javascript, seperti yang ditunjukkan dalam contoh kotak gesaan pop timbul makluman sebelumnya:

<script type="text/javascript">
alert(" Saya adalah teks gesaan ! ");
</script>

Biasanya kod JavaScript sahaja tidak bermakna. Kod JavaScript biasanya digunakan bersama kod HTML, kerana JavaScript secara semula jadi Ia dicipta untuk mengimbangi kekurangan HTML.

Kod JavaScript boleh dibenamkan terus di mana-mana sahaja pada halaman web, tetapi biasanya kami meletakkan kod JavaScript dalam <head>: 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
    alert("我是提示文字！");
    </script>
</head>
<body>
    <div>图片及文字内容</div>
</body>
</html>


Anda juga boleh meletakkan fungsi JavaScript dalam <body> bahagian halaman HTML: 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
    <script type="text/javascript">
    alert("我是提示文字！");
    </script>
    <div>图片及文字内容</div>
</body>
</html>

Anda juga boleh meletakkan kod JavaScript dalam fail .js yang berasingan, dan kemudian memperkenalkan fail ini dalam HTML melalui <script src="..."></script>

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
 <script src="/static/js/abc.js"></script>
</head>
<body>
  <div>图片及文字内容</div>
</body>
</html>


Fungsi dan Acara JavaScript

Biasanya, 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.



Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>获取当前时间</p> <script> document.write(Date()); </script> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492343 permainan