AJAX загрузка
home

JavaScript может размещаться в разных частях страницы.

JavaScript в <head>

Если Вы хотите, чтобы JavaScript код не смешивался с HTML разметкой размещайте его в секции head.

Пример 

<html>
<head>
<script type='text/javascript'>
function example(){
   alert('Если Вы видите это сообщение, значит страница была полностью загружена.');
}
</script>
</head>
<body onload='example()'>
</body>
</html>
Попробовать в редакторе

JavaScript в <body>

JavaScript может быть размещен в секции body.

Размещайте JavaScript в самом конце секции body (перед </body>) если не хотите, чтобы скрипт начал выполняться до полной загрузки документа и это привело к ошибкам.

Обратите внимание: на странице может быть размещено неограниченное количество скриптов в том числе и в body, и в head одновременно.

Пример 

<html>
<body>
<p>Данный текст присутствовал на странице.</p>
<hr />
<script type='text/javascript'>
document.write('Данный текст выведен на страницу с помощью JavaScript.');
</script>
</body>
</html>
Попробовать в редакторе
Быстрый просмотр

Подключение внешних скриптов

JavaScript код необязательно должен непосредственно содержаться в HTML документе, он также может храниться во внешнем текстовом файле с расширением .js.

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

Внешние скрипты также как и обычные подключаются к страницам с помощью тэга <script> однако в этом случае содержимое тэга должно оставаться пустым и к нему должен быть добавлен атрибут src содержащий адрес внешнего .js файла.

Пример 

<!-- Содержимое файла ex.js: 'document.write("Данный текст был выведен на страницу с помощью JavaScript.")' -->
<script type="text/javascript" src="ex.js"></script>
Попробовать в редакторе

Сделайте сами

Задание 1. Во внешнем файле secred.js задан скрипт, который выводит на страницу секретный код. Подключите файл к странице и узнайте код:

Задание 1 

<html>
<body>
<!-- Пишите код включения здесь -->
</body>
</html>
Попробовать в редакторе