Bagaimana untuk melaksanakan pemuatan tertunda dalam javascript

Kaedah pelaksanaan: 1. Gunakan kaedah setTimeout, sintaksnya ialah "setTimeout('kaedah js', masa tunda);" 2. Apabila memperkenalkan fail skrip js luaran, masukkannya ke dalam badan, dan ia akan mengikuti halaman dari atas Jatuh ke bawah susunan muat untuk menjalankan kod JavaScript.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Pemuatan malas js membantu meningkatkan kelajuan pemuatan halaman Berikut adalah beberapa kaedah pemuatan malas:

1. Gunakan setTimeout untuk menangguhkan masa pemuatan kaedah

Tangguhkan pemuatan kod js untuk memberi lebih banyak masa untuk memuatkan halaman web

<script type="text/javascript" >
  function A(){
    $.post("/lord/login",{name:username,pwd:password},function(){
      alert("Hello");
    });
  }
  $(function (){
    setTimeout(&#39;A()&#39;, 1000); //延迟1秒
  })
</script>

2 Biarkan js dimuatkan terakhir

Sebagai contoh, perkenalkan fail skrip js luaran, jika ia diletakkan di kepala html, skrip js akan dimuatkan ke dalam halaman sebelum halaman dimuatkan, dan jika ia diletakkan di dalam badan, kod JavaScript akan dijalankan mengikut susunan halaman dimuatkan dari atas ke bawah~~~ Jadi kita boleh meletakkan fail yang diimport dari luar js ke bahagian bawah halaman, supaya js boleh diperkenalkan terakhir, dengan itu mempercepatkan pemuatan halaman

Kaedah 2 di atas juga kadangkala akan menyebabkan anda menerima "pemuatan tertunda" daripada amaran javascript alat ujian kelajuan halaman Google. Jadi penyelesaian di sini adalah yang disyorkan daripada halaman bantuan Google.

//这些代码应被放置在</body>标签前(接近HTML文件底部)
<script type="text/javascript">
  function downloadJSAtOnload() {
    var element = document.createElement("script");
    element.src = "defer.js";
    document.body.appendChild(element);
  }
  if (window.addEventListener)
    window.addEventListener("load", downloadJSAtOnload, false);
  else if (window.attachEvent)
    window.attachEvent("onload", downloadJSAtOnload);
  else window.onload = downloadJSAtOnload;
</script>

Kod ini bermaksud menunggu sehingga keseluruhan dokumen dimuatkan sebelum memuatkan fail luaran "defer.js".

Langkah untuk menggunakan kod ini:

1). Salin kod di atas

2.

3). Ubah suai "defer.js" kepada nama fail JS luaran anda

4). Contohnya: Jika anda hanya memasukkan "defer.js", maka fail "defer.js" mesti berada dalam folder yang sama dengan fail HTML.

Nota: Kod ini tidak akan memuatkan fail js luaran yang ditentukan sehingga dokumen dimuatkan. Oleh itu, kod JavaScript yang bergantung pada pemuatan halaman biasa tidak boleh diletakkan di sini. Sebaliknya, kod JavaScript harus dipisahkan kepada dua kumpulan. Satu kumpulan ialah kod javascript yang dimuatkan serta-merta kerana halaman memerlukannya, dan kumpulan yang lain ialah kod javascript yang beroperasi selepas halaman dimuatkan (seperti menambah acara klik atau perkara lain). Kod JavaScript yang perlu menunggu sehingga halaman dimuatkan sebelum dilaksanakan hendaklah diletakkan dalam fail luaran dan kemudian diimport.

[Pembelajaran yang disyorkan: Tutorial JavaScript Lanjutan]

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan pemuatan tertunda dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!