4 cara untuk memuatkan js secara tidak segerak, semakan bermula.
Pilihan 1: $(dokumen).sedia
<!DOCTYPE html> <html> <head> <script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { alert("加载完成!"); }); </script> </head> <body> <img src="http://images.cnitblog.com/i/121863/201405/222202573569862.jpg" /> </body> </html>
Ulasan:
1. Perlu memetik jquery
2. Serasi dengan semua penyemak imbas.
Pilihan 2:
Takrifan dan penggunaan async (ia adalah atribut HTML5)
Atribut async menentukan bahawa setelah skrip tersedia, ia akan dilaksanakan secara tidak segerak.
Contoh:
<script type="text/javascript" src="xxxxxxx.js" async="async"></script>
Ulasan:
1. Atribut baharu dalam HTML5 disokong oleh Chrome, FF, IE9 & IE9 (IE6~8 tidak disokong). Selain itu, pendekatan ini tidak menjamin bahawa skrip akan dilaksanakan mengikut urutan.
2. Atribut async hanya digunakan pada skrip luaran (hanya apabila menggunakan atribut src).
Pilihan 3: