Rumah > Artikel > hujung hadapan web > Cara menggunakan fail javascript luaran
Cara menggunakan fail javascript luaran
- PHPzasal
- 2023-05-20 20:29:351673semak imbas
Dalam pembangunan web moden, JavaScript (pendek kata JS) telah menjadi bahagian yang sangat diperlukan. JS bukan sahaja boleh mencapai kesan dinamik pada halaman web, tetapi juga memudahkan pemodulatan kod dan penggunaan semula melalui fail JavaScript luaran. Artikel ini menerangkan cara menggunakan fail JavaScript luaran dan faedah menggunakan fail JavaScript luaran.
Pertama, kita perlu memahami apa itu fail JavaScript luaran. Fail JavaScript luaran merujuk kepada menyimpan kod JS dalam fail JavaScript yang berasingan dan memperkenalkannya dalam HTML melalui teg 3f1c4e4b6b16bbbd69b2ee476dc4f83a. Fail JS luaran mempunyai laluan fail dan nama fail yang berasingan, dan rujukan boleh dikongsi merentas berbilang halaman HTML.
Seterusnya, mari lihat cara menggunakan fail JavaScript luaran.
Langkah 1: Buat fail JavaScript luaran
Untuk menggunakan fail JavaScript luaran, anda perlu mencipta fail .js bebas terlebih dahulu. Anda boleh membuat fail melalui mana-mana editor, seperti Notepad atau Teks Sublime. Tulis kod JS anda dalam fail dan simpan fail itu sebagai fail JS kendiri, seperti myscript.js.
Langkah 2: Perkenalkan fail JavaScript luaran ke dalam HTML
Untuk memperkenalkan fail JavaScript luaran ke dalam fail HTML, anda perlu menggunakan teg 3f1c4e4b6b16bbbd69b2ee476dc4f83a. Terdapat dua atribut dalam teg: src dan type. Atribut src digunakan untuk menentukan laluan fail JS, dan atribut type digunakan untuk menentukan jenis fail JS, biasanya ditetapkan kepada text/javascript. Berikut ialah contoh kod yang memperkenalkan fail JavaScript luaran:
<!DOCTYPE html> <html> <head> <script src="myscript.js" type="text/javascript"></script> </head> <body> </body> </html>
Kod di atas akan memperkenalkan fail JavaScript luaran bernama 93f0f5c25f18dab9d176bd4f6de5d30e dalam teg myscript.js HTML. Dengan cara ini, apabila HTML dimuatkan, fail JS juga akan dimuatkan dan kod di dalamnya akan dilaksanakan.
Analisis Faedah: Faedah Menggunakan Fail JavaScript Luaran
Sekarang, mari kita lihat faedah menggunakan fail JavaScript luaran.
- Meningkatkan kebolehselenggaraan kod
Memisahkan kod JS ke dalam fail bebas boleh menjadikan kod lebih berstruktur dan lebih mudah diselenggara. Jika anda ingin mengubah suai kod, anda hanya perlu mengubah suai fail berasingan dan bukannya mengubah suai kod dalam setiap fail HTML. - Memudahkan penggunaan semula kod
Jika anda mempunyai berbilang fail HTML yang perlu menggunakan kod JS yang sama, maka menggunakan fail JavaScript luaran boleh mencapai penggunaan semula kod dengan mudah. Hanya perkenalkan fail JS yang sama dalam fail HTML yang berbeza. - Kurangkan masa memuatkan kod
Menggunakan fail JS luaran boleh mengurangkan saiz fail HTML, sekali gus mengurangkan masa memuatkan halaman. Oleh kerana fail JS boleh dicache, jika berbilang halaman HTML merujuk fail JS yang sama, maka apabila halaman pertama memuatkan fail JS, ia akan dicache, supaya fail itu tidak akan dimuat turun semula pada pemuatan halaman berikutnya.
Ringkasan
Dalam artikel ini, kami mempelajari cara menggunakan fail JavaScript luaran dan faedah menggunakan fail JavaScript luaran. Untuk projek yang lebih besar, menggunakan fail JavaScript luaran boleh menjadikan kod lebih berstruktur, lebih mudah untuk diselenggara dan digunakan semula, dan juga boleh membantu mengurangkan masa muat halaman. Oleh itu, adalah perlu untuk menggunakan fail JavaScript luaran dalam projek anda Adalah disyorkan agar anda memodulasi kod JavaScript anda sebanyak mungkin untuk mengurus dan mengekalkan kod dengan lebih baik.
Atas ialah kandungan terperinci Cara menggunakan fail javascript luaran. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!