Di manakah tetapan JavaScript-Soal Jawab bahagian hadapan-php.cn

Di manakah tetapan JavaScript

PHPz

Lepaskan： 2023-04-24 11:21:30

asal

1035 orang telah melayarinya

JavaScript ialah bahasa pengaturcaraan fleksibel yang digunakan secara meluas dalam pembangunan web, aplikasi mudah alih dan pengaturcaraan sebelah pelayan. Ia boleh meningkatkan interaktiviti dan dinamik halaman web, menjadikan pengguna lebih selesa, kaya dan lebih pantas semasa menyemak imbas halaman web. Walau bagaimanapun, untuk JavaScript dilaksanakan dengan betul oleh penyemak imbas, ia mesti diletakkan di lokasi yang betul.

Lokasi tetapan JavaScript

Terdapat tiga lokasi tetapan JavaScript utama:

1 Tetapan sebaris

Tetapan sebaris adalah untuk membenamkan kod JavaScript terus ke dalam teg. dalam dokumen HTML, kaedahnya agak mudah, tetapi ia tidak disyorkan kerana ia akan menjejaskan kebolehbacaan dan kebolehselenggaraan dokumen HTML secara serius.

Contohnya:

<button onclick="alert(&#39;Hello, World!&#39;)">Click me!</button>

Salin selepas log masuk

Apabila butang ini diklik, kotak amaran akan muncul.

2. Tetapan dalaman

Kaedah tetapan ini adalah untuk menulis kod JavaScript dalam teg <head> dalam teg <body> atau <script> dokumen HTML. Tetapan ini boleh diletakkan sama ada di pengepala atau di bahagian badan. Kelebihan tetapan dalaman ialah ia boleh meningkatkan kebolehbacaan dan kebolehselenggaraan dokumen HTML Dalam sesetengah kes, ia boleh meningkatkan kelajuan akses tapak web kerana kod js akan dicache, dengan itu mengurangkan tekanan pada pelayan.

Contohnya:

<html>
  <head>
    <script type="text/javascript">
      function greeting() {
        alert('Hello, World!');
      }
    </script>
  </head>
  <body>
    <button onclick="greeting()">Say hello</button>
  </body>
</html>

Salin selepas log masuk

Skrip ini ditakrifkan dalam pengepala dokumen, tetapi digunakan dalam badan dokumen.

3. Tetapan luaran

Kaedah tetapan ini adalah untuk menulis kod JavaScript dalam fail <.js> yang berasingan dan memperkenalkannya ke dalam dokumen HTML menggunakan teg <script>. Kaedah tetapan ini boleh mencapai penggunaan semula kod dan pengoptimuman keseluruhan, dan lebih sesuai untuk tapak web dan tapak web besar yang memerlukan kemas kini yang kerap.

Contohnya: Struktur dokumen HTML adalah seperti berikut

<!DOCTYPE html>
<html>
  <head>
    <script src="script.js"></script>
  </head>
  <body>
    <button onclick="greeting()">Say hello</button>
  </body>
</html>

Salin selepas log masuk

Antaranya, atribut src tag <script> menentukan pengenalan fail JavaScript. Kandungan fail adalah seperti berikut

function greeting() {
  alert('Hello, World!');
}

Salin selepas log masuk

Skrip ini wujud bersendirian dalam fail script.js luaran.

Ringkasan

Tidak kira kaedah yang digunakan, ia hendaklah diletakkan dalam <body> atau <head> (sebaik-baiknya selepas <body>), supaya penyemak imbas boleh Menghuraikan dan melaksanakan JavaScript dengan betul kod. Apabila terdapat banyak kod JavaScript, adalah disyorkan untuk menggunakan tetapan luaran untuk meningkatkan kebolehselenggaraan dan prestasi keseluruhan kod. Pada masa yang sama, kami juga perlu memberi perhatian kepada isu keserasian Pelayar yang berbeza mungkin menghuraikan dan melaksanakan sekeping kod JavaScript yang sama secara berbeza.

Atas ialah kandungan terperinci Di manakah tetapan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!