Основы работы и применения JavaScript

Основы работы и применения JavaScript

Как работает Javascript код

Когда сервер получает команду на выдачу страницы от браузера и передаёт её, браузер получает страницу с сервера как программный код (увидеть исходный код можно, выполнив команду в браузере, «просмотр кода страницы»).
Далее в браузере идёт обработка и исполнение кода, выведение страницы.

 

Основы работы и применения JavaScript, как работает JS код

 

 Как встроить JavaScript код в страницу сайта

Основные способы это:

  • вставка ссылкой
  • использование событий
  • подстановка
  • контейнер <script></script>
  •  

Способ - вставка JavaScript кода ссылкой.
В HTML применение гипертекстового перехода ( по ссылке) означает открытие другой страницы или переход в другое место на странице.
С помощью Javascript можно изменить поведение HTML элемента.
Поменять стандартные варианты обработки гипертекстовых переходов можно прописав код:
 
<A HREF="JavaScript: ЗДЕСЬ_БУДЕТ_ВСТАВЛЕН_КОД">...</A>
Здесь приведёна общая схема. Сам код, задающий команду, пока не вписан. Но основной принцип, думаю понятен.
 
Использование событий

Об основах использования событий вызова JS говорилось ранее в....
Для определённого элемента в HTML коде назначается событие, при исполнении которого выполняется javascript код.

Для примера:
<INPUT TYPE=button VALUE="Нажмите)t "
onMouseOver="window.alert('HELLO)))');">


Подстановки
Подстановка — устаревший способ и почти не используется для вызова JavaScript.
К атрибуту элемента применяется конструкция &{..}, которая сообщает браузеру, что следует выполнить JScript команды. Подстановка малоиспользуема, так как имеются более удобные и эффективные способы.

Контейнер <script></script>
Применение способа контейнер <Script></Script>, позволяет генерировать Html код страницы.
Действие происходит так. Обработчик HTML кодов встречаясь с контейнером <Script>, отдаёт дальнейшее управление интерпретатору JS, который обходит Javascript и генерирует на выходе HTML код, который сканируется уже HTML обработчиком.
 
Контейнер  JavaScript  может быть размещен либо внутри  <HEAD></HEAD>, либо внутри <BODY></BODY>.

Затруднительным в изучении этого языка на начальных этапах может стать использование не совсем привычной грамматики.
Например при вызове встроенных событий, если вместо onMouseOver написать ONMOUSEOVER или onmouseover, интерпретатор не сможет прочесть выполнить команду.