3 способа запуска функции или кода Javascript (js) при загрузке страницы

3 способа запуска функции или кода Javascript (js) при загрузке страницыСегодня хочу рассказать об одной проблеме, которая часто возникает у людей, которые начинают изучать Javascript.

Они пытаются взаимодействовать с HTML-элементами на странице, которые находятся ниже по коду, чем сам скрипт. Соответственно, скрипт уже подгрузился, а элемент, с которым нужно будет взаимодействовать, еще нет. По этой причине ничего работать не будет.

Особенность языка Javascript в том, что его код выполняется последовательно, строка за строкой, как они написаны в исходном коде.

Вот пример:

К элементу с id #block не будет применяться правило css (background-color:yellow), т. к. строка

Будет выполняться раньше, чем загрузиться html-строка:

Как быть, если нам нужно выполнить код или функцию, только после того, как весь документ полностью загрузится?

Я хочу рассказать о трех способах, как это можно сделать.

1 способ. С использованием библиотеки Jquery.

Чаще всего сам им пользуюсь, наиболее простое и удобное решение, но требует подключения библиотеки Jquery.

Вот как преобразиться предыдущий, код, если мы воспользуемся следующим методом.

2 способ. С помощью элемента body и атрибута onload.

3 способ. С помощью объекта window и его свойства onload.

Выбирайте тот способ, который более всего подходит к вашей ситуации, и применяйте его на практике.

как делать скрипты

как посмотреть скрипт

как закрыть скрипт

This entry was posted in Как вызвать скрипт and tagged , . Bookmark the <a href="http://iprowebber.ru/3-sposoba-zapuska-funkcii-ili-koda-javascript-js-pri-zagruzke-stranicy/" title="Permalink to 3 способа запуска функции или кода Javascript (js) при загрузке страницы" rel="bookmark">permalink</a>.

Comments are closed.