Rumah > hujung hadapan web > tutorial js > Bagaimanakah Perintah Pemuatan dan Pelaksanaan Skrip JavaScript Berbeza-beza Merentas Skrip Sebaris, Luaran, Async, Tangguh dan Ditambah Secara Dinamik?

Bagaimanakah Perintah Pemuatan dan Pelaksanaan Skrip JavaScript Berbeza-beza Merentas Skrip Sebaris, Luaran, Async, Tangguh dan Ditambah Secara Dinamik?

Mary-Kate Olsen
Lepaskan: 2024-12-14 02:39:10
asal
678 orang telah melayarinya

How Does JavaScript Script Loading and Execution Order Vary Across Inline, External, Async, Defer, and Dynamically Added Scripts?

Memahami Susunan Pemuatan dan Pelaksanaan Skrip JavaScript

Tertib pelaksanaan JavaScript dalam halaman web boleh menjadi rumit kerana pelbagai cara untuk memasukkan skrip luaran dan penambahan skrip dinamik. Untuk menjelaskan selok-belok, mari kita mendalami susunan pemuatan dan pelaksanaan skrip JavaScript berdasarkan senario berbeza:

Skrip Sebaris lwn Luaran

Tidak kira sama ada kod sebaris atau skrip luaran yang dimuatkan daripada URI, skrip dilaksanakan mengikut susunan penampilannya dalam halaman semasa penghuraian. Oleh itu, skrip sebaris selepas skrip luaran menunggu skrip luaran tersebut dimuatkan dan dijalankan.

Skrip Async

Skrip Async, ditandai dengan atribut async, laksanakan dalam susunan yang tidak dapat diramalkan. Penyemak imbas memuatkannya secara selari dan menjalankannya tanpa mengira pesanan.

Tunda Skrip

Tunda skrip, dengan atribut tangguh, dimuatkan tetapi ditahan sehingga penghuraian selesai. Kemudian, mereka melaksanakan mengikut tertib yang ditemui, mengekalkan kebergantungan antara skrip tertunda.

Skrip Ditambah Secara Dinamik

Tingkah laku pemasukan skrip dinamik berbeza-beza merentas penyemak imbas. Sebagai contoh, Firefox lalai menambahkan tag skrip secara dinamik kepada tidak segerak melainkan dinyatakan sebaliknya. Skrip Async boleh dilaksanakan serta-merta atau selepas menghuraikan.

Jujukan Pelaksanaan

Memandangkan perkara di atas, urutan pelaksanaan untuk senario yang diterangkan dalam soalan asal adalah seperti berikut:

  • Skrip permulaan dan pemuatan skrip dalam (muat dan laksanakan mengikut tertib)
  • Skrip sebaris pertama dalam memuatkan skrip secara dinamik (muncul selepas skrip luaran dalam )
  • Skrip sebaris kedua dalam bergantung pada skrip yang dimuatkan secara dinamik
  • Skrip luaran yang dimuatkan secara dinamik dimuatkan dan dilaksanakan secara selari (tertib tidak dapat diramalkan)
  • Skrip sebaris kedua akan dilaksanakan hanya selepas skrip yang dimuatkan secara dinamik berjaya dilaksanakan. Ini kerana penyemak imbas biasanya mengutamakan pelaksanaan skrip mengikut susunan yang ditemui.

Atas ialah kandungan terperinci Bagaimanakah Perintah Pemuatan dan Pelaksanaan Skrip JavaScript Berbeza-beza Merentas Skrip Sebaris, Luaran, Async, Tangguh dan Ditambah Secara Dinamik?. 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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan