Что такое первое событие, выпущенное HTML-документом?

Question

Мне любопытно, какое событие запускается при использовании jQuery и jQuery Mobile.

Как ни странно, первый выход на консоль я получаю: pagebeforecreate, затем document ready, а затем onload.

Я хотел бы знать, будут ли какие-либо другие события уволены перед этими.

http://jsfiddle.net/yYGYe/2/

$('html').bind('pagebeforecreate',function(event) { 
    console.log("pagebeforecreate"); 
}); 

$(document).ready(function() { 
    console.log("document ready"); 
}); 

window.onload = function(){ 
    console.log("onload"); 
}; 

Answer 1

Что вы ищете - это комплексная визуализация жизненного цикла модели мобильных событий jQuery, эта диаграмма ниже доступна в Pro jQuery Mobile и on the author's blog:

Пожалуйста, помните, что это jQuery для мобильных устройств. Список собственных событий доступен as part of the W3 spec, и единственный, относящийся к жизненному циклу документа, является старым старым load.

Answer 2

Ваш вопрос и реальная вещь вы спрашиваете немного отличаются.

Вы спрашиваете, что произошло с первым событием, но в контексте вы спрашиваете, является ли функция pagebeforecreate функцией вызова, если вы хотите, чтобы это было первое событие, запущенное на странице.

Если вы прочитали документацию jQuery Mobile, то это говорит о том, что pagebeforecreate вызывается до создания каких-либо «виджетов». Так что в этом вопросе; все, что вы там введете, будет называться «до» всех jQuery Mobile виджетов, но это не первое событие, запущенное на HTML-странице.

Первое событие, выпущенное на HTML-странице, возможно, document.readyState установлено как uninitialized, что указывает на то, что ваша страница еще не готова. Это все готовые состояния;

• инициализируется (не начали загрузку еще)
• налива (загружается)
• интерактивных (загружены достаточно, и пользователь может взаимодействовать с ним)
• полных (полностью нагруженными)