Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk melakukan jangkauan dalam javascript

Bagaimana untuk melakukan jangkauan dalam javascript

PHPz
Lepaskan: 2023-04-27 15:52:32
asal
1451 orang telah melayarinya

JavaScript ialah bahasa skrip yang paling biasa digunakan dalam bidang reka bentuk web. Dalam halaman web, jika anda ingin menggunakan JavaScript, biasanya terdapat dua cara - dalam talian dan keluar. Artikel ini terutamanya akan memperkenalkan cara JavaScript melaksanakan jangkauan.

Apakah itu pemautan luaran

Ringkasnya, pemautan luaran ialah kaedah merujuk fail JavaScript luaran dalam halaman web. Dalam dokumen HTML, anda boleh menggunakan teg untuk merujuk fail JavaScript luaran. Apabila merujuk fail JavaScript luaran, tidak seperti kaedah sebaris, kod tersebut tidak dibenamkan dalam fail HTML. Kelebihannya adalah seperti berikut:

  1. Mudah diselenggara: Asingkan kod JavaScript daripada dokumen HTML Apabila mengubah suai kod, anda hanya perlu mengubah suai fail berasingan, yang memudahkan penyelenggaraan dan pengurusan.
  2. Kurangkan saiz kod halaman: Jika anda menulis sekeping kod JavaScript dalam setiap halaman web, saiz halaman mungkin terlalu besar dan menjejaskan prestasi tapak web. Jangkauan boleh mengurangkan jumlah kod halaman dan meningkatkan kelajuan respons tapak web.

Format kod untuk memperkenalkan fail JavaScript luaran adalah seperti berikut:

<script type="text/javascript" src="js文件路径"></script>
Salin selepas log masuk

Antaranya, atribut jenis menunjukkan jenis bahasa skrip, dan atribut src menghala ke fail JavaScript luaran laluan. Seterusnya, kami akan menggunakan contoh mudah untuk menggambarkan cara memautkan fail JavaScript secara luaran dalam fail HTML.

Contoh

Andaikan kami ingin merujuk fail JavaScript luaran dalam fail HTML Nama fail ialah "external.js" dan direktori itu berada dalam direktori "js". Langkah-langkahnya adalah seperti berikut:

  1. Buat fail HTML bernama "external.html". Kod dalam fail adalah seperti berikut:
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 外联</h1>

<button onclick="myFunction()">点击我</button>

<!-- 引入外部js文件 -->
<script type="text/javascript" src="js/external.js"></script>

</body>
</html>
Salin selepas log masuk

Dalam kod di atas, kami mentakrifkan acara klik butang dan memanggil fungsi bernama "myFunction()". Pada penghujung kod HTML, kami memperkenalkan fail "js/external.js" melalui teg

  1. Buat fail JavaScript bernama "external.js". muncul kotak mesej, "Hello World!".
Pada masa ini, simpan kedua-dua fail dalam folder yang sama, kemudian buka fail "external.html", anda akan melihat halaman dengan butang, klik butang, kotak dialog akan muncul menunjukkan " Hello World!" mesej. Ini bermakna kaedah memperkenalkan fail js luaran telah berjaya.

Nota

Nama fungsi dan nama pembolehubah yang dinyatakan dalam fail js luaran boleh dirujuk dalam fail HTML.

    Jika dua atau lebih fungsi dengan nama yang sama ditakrifkan dalam fail js luaran, liputan fungsi atau kegagalan fungsi mungkin berlaku. Adalah disyorkan untuk mengikuti konvensyen penamaan apabila menamakan, menamakan fungsi yang berbeza atau memberi fungsi alias yang berbeza.
  1. Apabila memperkenalkan fail JavaScript luaran, kod JavaScript yang diperkenalkan perlu berada dalam domain yang sama dengan fail di mana halaman dokumen HTML berada. Jika tidak, isu merentas domain akan berlaku.
  2. Ringkasan:
JavaScript Luaran boleh meningkatkan kebolehselenggaraan kod, mengurangkan jumlah kod halaman dan meningkatkan kelajuan respons tapak web. Dalam permohonan, perhatikan perkara untuk mengelakkan kesilapan.

Atas ialah kandungan terperinci Bagaimana untuk melakukan jangkauan dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan