Pertanyaan Peramban "siap" yang bagus tanpa menggunakan jQuery?


Saya perlu menciptakan yang setara dengan jQuery ready acara tanpa menggunakan jQuery. Ini perlu bekerja pada sebanyak mungkin browser dan tidak dapat mengacaukan body.onload handler (yaitu jika sudah ada set handler, fungsinya tidak harus menimpanya). Saya memeriksa kode jQuery tetapi tidak mengerti cara kerjanya karena menggunakan banyak fungsi jQuery.

Ada saran tentang cara melakukan itu?

Edit: Saya tidak memiliki kontrol atas di mana kode saya akan dimasukkan itu sebabnya perlu bermain semanis mungkin dengan body.onload handler yang ada. Ini juga berarti saya tidak bisa memastikan kode akan disisipkan di bagian bawah halaman (kemungkinan besar tidak akan ada).


6
2017-08-11 13:23


asal


Jawaban:


Ini dapat membantu: http://www.freelancephp.net/en/domready-javascript-object-cross-browser/

Implementasi non jquery dari DOM siap


1
2017-08-11 13:27



Terkecil cross browser DOMReady code, pernah.

<html>
  <head>
    <script>
      var ready = function (f) {
        (/in/.test(document.readyState)) ?
          setTimeout('r(' + f + ')', 9) :
          f();
      };
    </script>
  </head>
  <body>
    <script>
      ready(function () {
        alert('DOM Ready!');
      });
    </script>
  </body>
</html>

3
2017-08-11 13:38



Cukup sertakan Anda <script> tag di bagian paling bawah. Dengan cara ini, ia hanya akan memuat setelah semua konten lainnya selesai dimuat.


0
2017-08-11 13:24