Kaedah untuk memuat turun serentak JavaScript dan kemahiran resources_javascript lain

Dalam IE6/7 JavaScript akan menghalang pemaparan halaman dalam dua cara:
Sumber web di bawah teg skrip akan berhenti meminta dan memuat turun sebelum skrip dimuatkan.
Elemen html di bawah teg skrip akan berhenti memaparkan sebelum skrip dimuatkan.

Teg skrip akan menghalang muat turun di bawah ie6/7 firefox2/3 Safari3 Chrome1 dan opera:

Walaupun skrip boleh serentak di bawah ie8, safari4 dan chrome2, ia masih menghalang muat turun sumber lain:

Terdapat 6 cara untuk memuat turun skrip selari dengan sumber lain:

1. 2. Suntikan XHR — Muat turun skrip melalui XHR, kemudian buat teg skrip dan masukkan ke dalam dokumen (dalam teg badan atau kepala), dan kemudian tetapkan atribut teks teg skrip kepada nilai responseText XHR
3.XHR dalam Iframe — Letakkan teg skrip ke dalam iframe dan muat turun melalui iframe
4.Elemen DOM Skrip — Buat teg skrip dan halakan atribut srcnya ke alamat skrip anda
5.Tangguhan Skrip — Tambahkan atribut tangguh bagi teg skrip Ini hanya sah dalam IE, tetapi Firefox3.1 juga menyokong atribut ini
6. Gunakan kaedah document.write untuk menulis ini hanya sah dalam IE

Anda boleh melihat contoh penggunaan setiap kaedah melalui

Cuzillion.

Jika terdapat beberapa skrip sebaris yang perlu dilaksanakan selepas skrip luaran dilaksanakan, ia perlu disegerakkan. Dipanggil "gandingan",

Gandingan Skrip Asynchronous Artikel ini memperkenalkan beberapa kaedah yang boleh digunakan untuk melaksanakan "gandingan".

headjs, membolehkan muat turun serentak JS (tetapi pelaksanaan berurutan):

http://headjs.com/

Salin kod Kod adalah seperti berikut:

head.js("/path/to/jquery.js", "/google/analytics.js", "/js/site.js", function() {
// semua selesai
});

// kes yang paling mudah memuatkan dan melaksanakan skrip tunggal tanpa menyekat
head.js("/path/to/file.js");
// memuatkan skrip dan melaksanakan fungsi selepas ia dimuatkan
head.js("/path/to/file.js", function() {

});

// muatkan fail secara selari tetapi laksanakannya mengikut urutan
head.js("file1.js", "file2.js", ... "fileN.js");
// jalankan fungsi selepas semua skrip telah dimuatkan
head.js("file1.js", "file2.js", function() {

});

// fail dimuatkan secara selari dan dilaksanakan supaya ia sampai
head.js("file1.js");
head.js("file2.js");
head.js("file3.js");

// yang sebelumnya juga boleh ditulis sebagai
head.js("file1.js").js("file1.js").js("file3.js");