Каково различие между Window.load и document.readyState
У меня есть один вопрос, В моем веб-приложении MVC ASP.NET я должен сделать определенную проверку однажды, страница и все средства управления были загружены.
В JavaScript я использовал belwow строку кода для вызова метода.
window.load = JavascriptFunctionName ;
Кто-то от моей команды спросил меня не используемый выше строки кода, Вместо этого используют JQuery, чтобы сделать то же
document.attachEvent("onreadystatechange", function() {
if (document.readyState === "complete") {
CheckThis();
}
});
Помогите мне в понимании, что является различием между два. То, когда я протестировал путем сохранения внимательным и в проверке JQuery, выполняется сначала и вызывает функцию CheckThis, где, поскольку window.load занимает время и выполняется после нее. Предложите
3 ответа
window.load — запускается при загрузке всего содержимого, включая изображения.
document.ready — запускается, когда DOM готов, все элементы находятся на странице и готовы к работе, но изображения не обязательно загружаются.
Вот способ jQuery сделать document.ready:
$(function() {
CheckThis();
});
Если вы хотите, чтобы это все еще происходило в window.load, сделайте это:
$(window).load(function() {
CheckThis();
});
window.load срабатывает, когда ваша страница полностью загружена (с изображениями, баннерами и т. Д.), Но document.readyState срабатывает, когда DOM готова
Готовый обработчик выполняется сразу после создания модели DOM, не дожидаясь загрузки всех внешних ресурсов.
Поскольку вы используете jQuery, более краткий, независимый от браузера и широко используемый синтаксис для него:
$(function(){
CheckThis();
});