cachaito
1/13/2014 - 11:30 PM

Document ready na wiele sposobów

Uwaga! Inlinowe załączanie zawsze wskazuje na obiekt globalny! window.onload - występuje tylko raz na stronie ale można kolejkować wykonywanie funkcji:

function start() { fn1(); fn2(); }

window.onload = start;

Event 'load' może być podpięty pod window, iframe, img. [*] To czy obrazek się wgrał można także sprawdzić przez nazwaObrazka.complete;

document ready types.js
content_copyfile_download
//jQuery
$(document).ready(function() { ... }); //runs when browser has parsed the HTML and built the DOM tree. Może występować kilka razy w kodzie. [*] Zamienia także jQuery na $.
$(window).load(function() { ... }); //odpowiednik window.onload - czeka na załadowanie strony wraz z obrazkami, etc.

document.addEventListener('DOMContentLoaded', myFunction, false); //odpowiednik $(document).ready; Działa od IE9
document.addEventListener('load', myFunction, false); //odpowiednik $(window).load;
//IE8
window.attachEvent('onload', myFunction); //trzeba pamiętać, że w IE8 nie ma objectu event, tylko window.event zaś event.target to window.event.srcElement