Rumah >hujung hadapan web >tutorial js >Contoh memasukkan kod JavaScript dalam HTML_Basics

Contoh memasukkan kod JavaScript dalam HTML_Basics

WBOY
WBOYasal
2016-05-16 15:56:561111semak imbas

Kod JavaScript boleh disertakan di mana-mana sahaja dalam dokumen HTML. Tetapi terdapat cara terbaik untuk memasukkan JavaScript dalam fail HTML.

  • Di bahagian 93f0f5c25f18dab9d176bd4f6de5d30e...9c3bca370b5104690d9ef395f2c5f8d1.
  • Di bahagian 6c04bd5ca3fcae76e30b72ad730ca86d...36cc49f0c466276486e50c850b7e4956.
  • Dalam bahagian 3c30aa6c4c72dd8ead30672a51b803a7...493a3ce9d2a3c91fa60924ecf20a1e6a dan a801d9c20ab268ecdf000c4cd37b7338...4f7e9ee3c387fa7cd73e9b3fa70c81fd
  • Skrip dan fail luaran kemudiannya disertakan dalam bahagian 93f0f5c25f18dab9d176bd4f6de5d30e... 9c3bca370b5104690d9ef395f2c5f8d1
Dalam bahagian berikut kita akan melihat bagaimana JavaScript boleh disertakan secara berbeza:

Dalam bahagian 93f0f5c25f18dab9d176bd4f6de5d30e... 3c7b149cc556f883a18b3c490b028d4e
Jika anda ingin menjalankan skrip pada beberapa acara, apabila pengguna mengklik suatu tempat, seperti, maka kepala skrip sepatutnya kelihatan seperti ini:

<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
  alert("Hello World")
}
//-->
</script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>

Ini akan menghasilkan keputusan berikut:

JavaScript dalam bahagian 6c04bd5ca3fcae76e30b72ad730ca86d... dbf4a1b9d12965251b02d12dd197d73e:


Jika skrip diperlukan untuk memuatkan halaman supaya skrip menjana kandungan halaman untuk dijalankan, letakkan skrip dalam bahagian 6c04bd5ca3fcae76e30b72ad730ca86d Dalam kes ini, tidak perlu menggunakan semua fungsi yang ditakrifkan oleh JavaScript:

<html>
<head>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<p>This is web page body </p>
</body>
</html>

JavaScript dalam bahagian 3c30aa6c4c72dd8ead30672a51b803a7 dan a801d9c20ab268ecdf000c4cd37b7338

Anda boleh meletakkan kod JavaScript dalam bahagian 93f0f5c25f18dab9d176bd4f6de5d30e dan 6c04bd5ca3fcae76e30b72ad730ca86d

Dalam fail luaran JavaScript:
<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
  alert("Hello World")
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>

Apabila anda mula bekerja dengan lebih meluas dengan JavaScript, anda mungkin mendapati terdapat situasi di mana anda menggunakan semula kod JavaScript yang sama dalam berbilang halaman tapak anda.


Anda tidak terhad kepada menyimpan kod yang sama dalam berbilang fail HTML. Teg skrip menyediakan mekanisme yang membolehkan JavaScript disimpan dalam fail luaran dan kemudian dimasukkan ke dalam fail HTML.

Berikut ialah contoh untuk menggambarkan cara menggunakan teg skrip dan atribut src untuk memasukkan fail JavaScript luaran dalam kod HTML:

Untuk menggunakan JavaScript daripada sumber fail luaran, anda perlu menulis semua kod JavaScript dalam fail teks ringkas ".js" menggunakan sambungan, dan kemudian sertakan fail seperti yang ditunjukkan di atas.
<html>
<head>
<script type="text/javascript" src="filename.js" ></script>
</head>
<body>
.......
</body>
</html>

Sebagai contoh, anda boleh menyimpan kandungan nama fail.js dalam fail berikut, dan kemudian gunakan fungsi sayHello dalam fail HTML selepas memasukkan fail nama fail.js:

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn