Rumah > Artikel > hujung hadapan web > Bagaimana untuk memanggil js dari html
Bagaimana untuk memanggil js dari html
- WBOYasal
- 2023-05-15 16:42:389977semak imbas
Cara HTML memanggil JS
HTML (Hypertext Markup Language) dan JS (JavaScript) ialah dua teknologi paling asas dan penting dalam pembangunan web. HTML bertanggungjawab terutamanya untuk struktur dan susun atur halaman web, manakala JS bertanggungjawab terutamanya untuk kefungsian dan interaksi halaman web. Dalam pembangunan web, kita selalunya perlu membenarkan HTML memanggil JS untuk melaksanakan pelbagai fungsi halaman web, seperti pengesahan borang, pemuatan kandungan dinamik, dsb. Artikel ini akan memperkenalkan cara HTML memanggil kaedah JS.
Tiga cara untuk memanggil JS dalam HTML
Terdapat tiga cara utama untuk memanggil JS dalam HTML: sebaris, dalaman dan luaran.
- Sebaris
Sebaris ialah untuk membenamkan kod JS terus ke dalam teg HTML, contohnya:
<button onclick="alert('你点击了按钮')">点击我</button>Apabila butang ini diklik, Kotak gesaan akan muncul kerana atribut onclick melaksanakan kod JS terbenam. Walaupun kaedah ini mudah, ia tidak sesuai untuk penyelenggaraan dan pengurusan Apabila jumlah kod besar, ia akan menjadi sangat rumit.
- Dalaman
Dalaman ialah menulis kod JS dalam teg 93f0f5c25f18dab9d176bd4f6de5d30e dokumen HTML atau teg 6c04bd5ca3fcae76e30b72ad730ca86d dalam teg 3f1c4e4b6b16bbbd69b2ee476dc4f83a, contohnya :
<html>
<head>
<title>内部式</title>
<script>
function test() {
alert('你点击了按钮');
}
</script>
</head>
<body>
<button onclick="test()">点击我</button>
</body>
</html>Dalam contoh ini, kami menulis kod JS dalam teg 93f0f5c25f18dab9d176bd4f6de5d30e dan menentukan fungsi bernama test. Kemudian dalam teg butang dalam HTML, panggil fungsi onclick melalui test. Pendekatan ini lebih mudah untuk diselenggara dan diurus daripada sebaris.
- Luaran
Luaran ialah meletakkan kod JS dalam fail JS yang berasingan, dan kemudian memperkenalkannya dalam dokumen HTML melalui teg 3f1c4e4b6b16bbbd69b2ee476dc4f83a. Katakan kita menulis kod JS dalam fail bernama test.js, maka kaedah panggilan dalam HTML adalah seperti berikut:
<html>
<head>
<title>外部式</title>
<script src="test.js"></script>
</head>
<body>
<button onclick="test()">点击我</button>
</body>
</html> Dengan cara ini, HTML akan meminta fail test.js daripada pelayan dan melaksanakan JS di dalamnya kod. Kaedah ini lebih modular dan terpisah daripada kaedah dalaman, dan mempunyai kebolehselenggaraan yang lebih tinggi.
Ringkasan
Tiga cara HTML memanggil JS semuanya mempunyai kelebihan dan kekurangannya. Walaupun gaya sebaris ringkas dan jelas, ia tidak kondusif untuk penyelenggaraan dan pengurusan, gaya dalaman lebih boleh diselenggara, tetapi kod itu mungkin menjadi terlalu kompleks dan dipisahkan, dan mempunyai kebolehselenggaraan tertinggi;
Dalam aplikasi sebenar, kita harus memilih kaedah panggilan yang paling sesuai berdasarkan situasi sebenar projek untuk mencapai kod yang lebih cekap, stabil dan lebih mudah diselenggara.
Atas ialah kandungan terperinci Bagaimana untuk memanggil js dari html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!