JQuery - если страница загружена

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

Ответ 1

Если вы имеете в виду, когда документ HTML загружен, используйте событие ready:

$(document).ready(function(){
  ...
});

Или сокращенное обозначение:

$(function(){
  ...
});

Если вы имеете в виду, когда страница, включающая все таблицы стилей, сценарии, изображения и еще не заполненные загрузки, используйте событие load:

$(window).load(function(){
  ...
});

Ответ 2

$( window ).bind( 'load', function()
{
    //your code in here
} );

Ответ 3

Проверьте это: http://api.jquery.com/ready/

 jQuery(document).ready(function($) {
 // Code using $ as usual goes here.
 });

Ответ 4

Это зависит от вашего определения "load". Проверьте эти две функции в документах jQuery:

В частности, вы можете увидеть различия в странице doc ready().

Пока JavaScript предоставляет нагрузку событие для выполнения кода, когда страница, это событие не получается срабатывает до тех пор, пока все активы, такие как изображения были полностью получены. В большинстве случаев может выполняться scriptкак только иерархия DOM полностью построенный. Обработчик прошел toready() гарантированно будет выполняется после того, как DOM готов, поэтому это, как правило, лучшее место для присоединить все другие обработчики событий и запустить другой код jQuery. Когда используешь скрипты, которые полагаются на значение CSS свойства стиля, важно ссылки на внешние таблицы стилей или вставлять элементы стиля до ссылаясь на сценарии.

В случаях, когда код полагается на загруженный активов (например, если размеры изображения требуется), код следует поместить в обработчик для вместо этого загрузите событие.

Ответ 5

Когда DOM готов, используйте событие .ready.

jQuery(document).ready(function(){
  //content
});

вы также используете .load-событие при загрузке изображений страницы.

jQuery(window).load(function(){
  //content
});

Ответ 6

Попробуйте привязать обратный вызов события загрузки к последнему изображению на странице.

Ответ 7

Чтобы вызвать метод, когда документ полностью загружен, используйте

$(document).ready(function(){
  ...
});

Или, если страница загружается через вызов ajax, используйте

$('#containerdiv').load('samplepage.jsp', function() {
  alert("ajax load complet.."); 
});

Ответ 8

Если вы действительно хотите, чтобы ваш Javascript запускался "все", все ваши HTML файлы загружены, вы можете с

window.onload = function(){
   // Do stuff
}

Ответ 9

Вы ищете событие загрузки окна.

В jQuery вы присоединяете событие загрузки следующим образом:

$(document).ready(function() {

  $(window).load(function() {

  }

}

Обратите внимание, что вам нужно разместить это внутри документа, готового для некоторых браузеров, IE8 OTTOMH.