Bagaimana untuk memperkenalkan js jauh dalam javascript

Javascript ialah bahasa skrip yang sangat popular, digunakan terutamanya untuk mencapai kesan dinamik pada halaman web. Untuk memudahkan pembangun membina halaman web dengan cepat, banyak perpustakaan dan rangka kerja pihak ketiga diterbitkan ke pelayan jauh dalam bentuk fail js. Oleh itu, kami perlu menggunakan perpustakaan dan rangka kerja pihak ketiga ini dalam halaman web kami dengan memperkenalkan fail js jauh. Artikel ini akan memperkenalkan cara Javascript memperkenalkan js jauh.

1. teg skrip memperkenalkan js jauh

Cara paling biasa ialah menggunakan teg skrip untuk memperkenalkan fail js jauh. Kami hanya perlu menambah kod berikut pada halaman web:

di mana , atribut src menentukan alamat fail js jauh. Kami hanya perlu menggantikan alamat dengan fail sasaran yang sepadan untuk diimport.

2. Buat elemen skrip secara dinamik untuk memperkenalkan js jauh

Dalam sesetengah senario perniagaan, kita perlu memperkenalkan js jauh secara dinamik. Dalam kes ini, kita boleh menggunakan Javascript untuk mencipta elemen skrip secara dinamik. Contoh kod adalah seperti berikut:

var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http:// remote-server .com/script.js";
document.head.appendChild(script);

Kami mula-mula mencipta elemen skrip menggunakan kaedah createElment, kemudian tetapkan jenis dan atribut srcnya, dan akhirnya tambah elemen skrip ke Di bahagian kepala dokumen, pengenalan telah selesai.

3. Permintaan Ajax untuk mendapatkan kod js jauh

Selain daripada dua kaedah di atas, kami juga boleh menggunakan permintaan Ajax untuk mendapatkan kod js jauh. Dengan cara ini, kita boleh mengendalikan kod js secara bebas, seperti pelaksanaan dinamik melalui fungsi eval selepas kod kembali. Contoh kod adalah seperti berikut:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://remote-server.com/script.js', true) ;
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {

eval(xhr.responseText);

}
};
xhr .send();

Kami menggunakan objek XMLHttpRequest untuk menghantar permintaan GET, mengembalikan kod js jauh sebagai respons, dan kemudian menggunakan fungsi eval untuk menghuraikan dan melaksanakan kod.

Perlu diambil perhatian bahawa apabila memperkenalkan js jauh, anda harus mengikuti beberapa amalan terbaik, seperti: hanya memperkenalkan kod yang diperlukan untuk mengurangkan permintaan yang tidak diperlukan apabila memperkenalkan perpustakaan pihak ketiga, anda harus menggunakan CDN untuk meningkatkan kelajuan Akses dan kecekapan cache, dsb.

Kesimpulan

Artikel ini memperkenalkan beberapa cara bagaimana Javascript memperkenalkan js jauh, termasuk menggunakan teg skrip, mencipta elemen skrip secara dinamik dan permintaan Ajax untuk mendapatkan kod js. Melalui kaedah ini, kami boleh memperkenalkan fail Javascript jauh dengan mudah, mempercepatkan kecekapan pembangunan dan mencapai kesan yang lebih baik pada halaman web. Sudah tentu, apabila memperkenalkan js, kami juga perlu memberi perhatian kepada beberapa amalan terbaik untuk memastikan ketepatan dan keselamatan kod.

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