Вставка JavaScript’а в HTML-документ

by ноября 24, 2019 0 комментариев
Дорогие читатели! Что ж, вот она — финишная прямая! Сегодняшнее занятие будет последним. Вы уже столько всего изучили и впитали в себя. Надеюсь, последнее занятие не станет для вас исключением!

Подключение сценариев к HTML-документу

Сценарии JavaScript бывают встроенные, т. е. их содержимое является частью документа, и внешние, хранящиеся в отдельном файле с расширением .js. Сценарии можно внедрить в документ следующими способами.

Подключение сценариев в виде гиперссылки

Для этого нужно разместить код в отдельном файле и включить ссылку на файл в заголовок:

<head>
    <script src="script.js"></script>
</head>

или тело страницы:

<body>
    <script src="script.js"></script>
</body>

Этот способ обычно применяется для сценариев большого размера или сценариев, многократно используемых на разных веб-страницах.

В виде обработчика события

Каждый html-элемент имеет JavaScript-события, которые срабатывают в определенный момент. Нужно добавить необходимое событие в html-элемент как атрибут, а в качестве значения этого атрибута указать требуемую функцию. Функция, вызываемая в ответ на срабатывание события, является обработчиком события. В результате срабатывания события исполнится связанный с ним код. Этот способ применяется в основном для коротких сценариев.

Внутрь элемента <script>

Элемент <script> может вставляться в любое место документа. Внутри тега располагается код, который выполняется сразу после прочтения браузером, или содержит описание функции, которая выполняется в момент ее вызова. Описание функции можно располагать в любом месте, главное, чтобы к моменту ее вызова код функции уже был загружен.

Обычно код JavaScript размещается в заголовке документа (элемент <head>) или после открывающего тега <body>.

<body>
    ...
    <footer>
        <script>
            document.write("Всем привет!");
        </script>
    </footer>
    ...
</body>

0 комментариев:

Отправить комментарий