1 Topic by PunBB

Topic: Как вызвать, добавить и подключить JavaScript на странице HTML

JavaScript добавляется на веб-страницы с помощью тэга <script>.

<script type="text/javascript">
document.write("Данный текст выведен на страницу с помощью JavaScript.");
</script>

Объяснение примера:

Атрибут type тэга <script> указывает браузеру какой скриптовый язык мы встраиваем. В случае если это JavaScript атрибут type должен иметь значение text/javascript;
document.write() - это команда JavaScript позволяющая выводить произвольное содержимое на страницу;
Разместив document.write() между тэгами <script> и </script> мы сообщаем браузеру обрабатывать ее как команду JavaScript, поэтому после загрузки страницы браузер выведет: "Данный текст выведен на страницу с помощью JavaScript."
Обратите внимание: если команда document.write будет вставлена за пределами <script> она будет обрабатываться браузером как обычный текст.

2 Reply by PunBB

Re: Как вызвать, добавить и подключить JavaScript на странице HTML

Если Вы хотите, чтобы 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>Как вывести текст на страницу с помощью JavaScript.</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>