Программирование HTML Запуск функции JavaScript при загрузке страницы Tue, April 16 2024  

Поделиться

Нашли опечатку?

Пожалуйста, сообщите об этом - просто выделите ошибочное слово или фразу и нажмите Shift Enter.

Запуск функции JavaScript при загрузке страницы Печать
Добавил(а) microsin   

Задача: как сделать так, чтобы при загрузке страницы в браузере запускалась функция JavaScript? Это может понадобиться, например, чтобы заполнить поля ввода формы какими-нибудь значениями. Есть несколько вариантов решения, ниже приведены 2 самых простых, которые я нашел на сайте stackoverflow.com [1].

Вариант 1 больше подходит для вставки в статью Joomla, потому что код запуска функции вставлен прямо в модуль JavaScript, и не требуется менять шаблон для всей страницы.

[Вариант 1. Использование события window.onload]

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
        function codeAddress()
        {
            alert('ok');
        }
        window.onload = codeAddress;
        </script>
    </head>
    <body>
    
    </body>
</html>

[Вариант 2. Использование тега body]

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
        function codeAddress() {
            alert('ok');
        }
        
        </script>
    </head>
    <body onload="codeAddress();">
    
    </body>
</html>

[Ссылки]

1. run function when page is loaded site:stackoverflow.com.
2. onload Event site:w3schools.com.
3. HTML onload Event Attribute site:w3schools.com.
4. Загрузка документа: DOMContentLoaded, load, beforeunload, unload site:learn.javascript.ru.

 

Добавить комментарий


Защитный код
Обновить

Top of Page