Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Memuatkan Fail JavaScript Luaran Secara Dinamik Berdasarkan Keadaan?

Bagaimanakah Saya Boleh Memuatkan Fail JavaScript Luaran Secara Dinamik Berdasarkan Keadaan?

DDD
Lepaskan: 2024-12-02 00:03:15
asal
178 orang telah melayarinya

How Can I Dynamically Load an External JavaScript File Based on a Condition?

Memuatkan JS Secara Program dalam JS

Soalan: Bagaimanakah anda boleh memuatkan fail JS luaran secara dinamik dalam fail JavaScript lain , berdasarkan bersyarat pernyataan?

Jawapan:

Walaupun cubaan untuk memanfaatkan document.createElement() untuk pemuatan berasaskan DOM, ia mungkin kelihatan seperti fail JS luaran telah dimuatkan tetapi kekal tidak boleh diakses dalam fail semasa. Ini kerana pelaksanaan JavaScript diteruskan semasa skrip yang dimuatkan masih dimuatkan, menjadikan kandungannya tidak tersedia.

Untuk menangani isu ini, pertimbangkan untuk melaksanakan langkah berikut:

  1. Buat yang baharu elemen skrip menggunakan document.createElement('script').
  2. Nyatakan sumber fail JS luaran menggunakan script.src = sesuatu.
  3. Tentukan pendengar acara untuk acara pemuatan skrip, membenarkan akses kepada kandungan skrip setelah ia dimuatkan:

    script.onload = function () {
        // Perform desired actions with the script's content
    };
    Salin selepas log masuk
  4. Akhir sekali, tambahkan elemen skrip ke DOM menggunakan document.head.appendChild(skrip) atau kaedah yang serupa.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memuatkan Fail JavaScript Luaran Secara Dinamik Berdasarkan Keadaan?. 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