Запускать скрипт после загрузки страницы без использования функции загрузки

0

мы используем <body onload="f1()"> для выполнения чего-то onload

Есть ли в любом случае я могу запустить функцию скрипта f1 function после полной загрузки страницы?

Пожалуйста, ответьте на пример (желательно jsfiddle)

  • 0
    «Полностью загружен» означает, что все изображения загружены?
  • 0
    Предпочитается jsfiddle ..... Я думаю, что это нужно с вашей стороны.
Теги:

4 ответа

1
Лучший ответ

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

Использование jQuery

<script>
$(window).load(function() {
    alert( "window loaded" );
    f1(); // Your function call
});
</script>

Использование Pure JS

<script>
window.onload = function() {
    alert( "window loaded" );
    f1(); // Your function call
};
</script>
  • 0
    это не работает
  • 0
    @LynAs, просто чтобы подтвердить. Как вы пометили JQuery. JQuery загружен? Я обновил ответ, чтобы сделать, используя чистый JS
Показать ещё 1 комментарий
1
 <script>
    f1();
 </script>

добавьте этот скрипт перед закрытием тега body, т.е.

</body>
  • 0
    Я не уверен, но я думаю, что это будет работать после загрузки всего DOM, но не обязательно после загрузки всех элементов (таблиц стилей, сценариев, объектов и особенно изображений), что, как я понимаю, означает «полностью загруженный» ...
0

Используйте следующий метод, чтобы ваша функция была загружена. Веб-страница полностью загрузила весь контент (включая изображения, файлы сценариев, файлы CSS и т.д.).

<body onload="f1()">
  • 0
    Я думаю, что этого хочет избежать LynAs ...
0

Вы можете поместить свою функцию в $(window).load(function() {... }); :

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

Код, включенный внутри $( window).load(function() {... }) будет запускаться после того, как будет готова вся страница (изображения или фреймы), а не только DOM.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню