Rumah >hujung hadapan web >tutorial js >Komen tentang 4 cara untuk memuatkan kemahiran js_javascript secara tidak segerak

Komen tentang 4 cara untuk memuatkan kemahiran js_javascript secara tidak segerak

WBOYasal: 2016-05-16 15:24:101268semak imbas

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: 855348821b2e8f2cc4b633bf98f064df atribut teg

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: 3f1c4e4b6b16bbbd69b2ee476dc4f83a atribut tag

Atribut

tunda menentukan sama ada untuk menangguhkan pelaksanaan skrip sehingga halaman dimuatkan.

Sesetengah skrip javascript menggunakan kaedah document.write untuk mencipta kandungan dokumen semasa, tetapi skrip lain mungkin tidak.

Jika skrip anda tidak mengubah kandungan dokumen, anda boleh menambah atribut tangguh pada teg 855348821b2e8f2cc4b633bf98f064df Oleh kerana penyemak imbas tahu bahawa ia akan dapat membaca baki dokumen dengan selamat tanpa melaksanakan skrip, ia akan menangguhkan tafsiran skrip sehingga dokumen tersebut telah dipaparkan kepada pengguna.

Contoh:

<script type="text/javascript" defer="defer"> 
alert(document.getElementById("p1").firstChild.nodeValue); 
</script>

Ulasan: Serasi dengan semua penyemak imbas. Selain itu, pendekatan ini memastikan bahawa semua skrip yang menetapkan atribut tangguh dilaksanakan mengikut tertib.

Pilihan 4: Penciptaan dinamik teg 855348821b2e8f2cc4b633bf98f064df Contoh:

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            (function(){
                var s = document.createElement('script');
                s.type = 'text/javascript';
                s.src = "http://code.jquery.com/jquery-1.7.2.min.js";
                var tmp = document.getElementsByTagName('script')[0];
                tmp.parentNode.insertBefore(s, tmp);
            })();
        </script>
    </head>
    <body>
        <img src="http://images.cnitblog.com/i/121863/201405/222202573569862.jpg" />
    </body>
</html>

Ulasan:

Serasi dengan semua penyemak imbas.

Di atas ialah pengenalan yang berbeza kepada empat kaedah pemuatan tak segerak js. Saya harap ia akan membantu semua orang dalam mempelajari pemuatan tak segerak js.

Kenyataan：

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 sebelumnya：Satu Perangkap Soalan Objek Memahami Objek Javascript_Javascript KemahiranArtikel seterusnya：Satu Perangkap Soalan Objek Memahami Objek Javascript_Javascript Kemahiran

Artikel berkaitan

Lihat lagi