2014-02-20 2 views
-3

Есть ли способ проверить, что веб-страница загружается на 100 процентов в javascript?Как проверить, что веб-страница загружена на 100 процентов?

100 процентов означает все изображения, файлы, скрипты, стили всего, что содержит веб-страница.

+3

'$ (document) .ready()'? – Puigcerber

+2

'$ (window) .load()' событие запускается, когда полная страница полностью загружена, включая все кадры, объекты и изображения. – Satpal

+1

Просьба уточнить. Что означает 100%. Только страница? Также стили? изображений? содержимое всех iFrames? –

ответ

0

Что вы имеете в виду 100%?

Вы можете verifiy, что DOM полностью загружен <body onreadystatechange="functionCalled();"> Или с синтаксисом JQuery: $(document).ready(function() {});

Но он не будет ждать изображений, например.

EDIT

И если вы хотите, чтобы проверить readystate динамически загруженного содержимого, вы можете использовать .ready метод JQuery. Но вы должны использовать его на селекторе того, что вы загружаете, а не на теле или окне или документе.

$(document).ready(function() { 
    ready=true; 
    $('img,link').each(function() { 
    if(!$(this).load(function() { 
     ready=false; 
    }); 
    }); 
}); 
+0

100 процентов означает => загружаются все изображения, файлы, скрипты! –

+1

@DixitSingla, используйте '$ (window) .load()' – Satpal

+0

@DixitSingla проясните, что в вопросе не как комментарий к одному из ответов –

1

Для этого вы можете использовать функцию window.onload. Например.

window.onload = function() { alert("It's loaded!") } 
2
if (document.readyState === "complete") { 

} 

Что это то, что вам нужно проверить, если страница загружается на 100%.

+0

Не ждите ничего, кроме DOM. Обратите внимание, что вопрос был обновлен. –

+0

@JanDvorak Он не запрашивал код, который дождался, когда документ будет полностью загружен, и попросил проверить, загружена ли страница. Что можно сделать с помощью 'if (document.readyState ===" complete ") {}'. Пожалуйста, прочитайте вопрос, прежде чем опробовать мой ответ. Кроме того, если 'document.readyState' установлен в' complete', значит все загружено (100%). –

+1

Убрал мой голос, потому что вы удалили '$ (document) .ready'. Эта вторая часть действительно была не тем, чего хотел искатель. –

Смежные вопросы