Bagaimana untuk memanggil js dari html-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk memanggil js dari html

WBOY

Lepaskan： 2023-05-15 16:42:38

asal

10023 orang telah melayarinya

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>

Salin selepas log masuk

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 <head> dokumen HTML atau teg <body> dalam teg <script>, contohnya :

<html>
  <head>
    <title>内部式</title>
    <script>
      function test() {
        alert('你点击了按钮');
      }
    </script>
  </head>
  <body>
    <button onclick="test()">点击我</button>
  </body>
</html>

Salin selepas log masuk

Dalam contoh ini, kami menulis kod JS dalam teg <head> 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 <script>. 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>

Salin selepas log masuk

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!