Вставка JavaScript в html-код
Программы на JavaScript работают при помощи интерпритатора - программы, выполняющей сценарий. Интерпритатор JavaScript есть в любом современном браузере. Как вы уже догадались, чтобы сценарий на JavaScript заработал, необходимо поместить его в html-код страницы. Делается это при помощи тега script. Тег этот парный, то есть у него должен иметься закрывающий тег. Сделаем шаблон html-документа, в который будем вставлять JavaScript код:
<!DOCTYPE html>
<html>
<head>
<title>Веб-страница со сценарием на JavaScript</title>
</head>
<body>
<script>
<!--Здесь будет находиться сценарий, написанный на JavaScript-->
</script>
</body>
</html>
В шаблоне был использован тег script. В HTML5 он употребляется без применения каких-либо дополнительных атрибутов. В 4-й же версии HTML, например HTML4.01, необходимо их указывать. Вот как изменится тег script при использовании HTML4.01:
<script type="text/javascript>
<!--Здесь будет находиться сценарий, написанный на JavaScript-->
</script>
Здесь при помощи атрибута type указывается тип текста. Обязательно указывать type="text/javascript для версий HTML4. Также можно указать язык сценария, но не обязательно, при помощи атрибута language, например:
<script language="javascript">
<!--Здесь будет находиться сценарий, написанный на JavaScript-->
</script>
Значением атрибута language по умолчанию является javascript, по этому, данный атрибут стоит использовать для указания версии JavaScript, например: javascript1.1.
Также, тег script может иметь атрибут src. Нужен он для подключения внешнего скрипта к html-документу. Рассмотрим пример:
<script src="my_script.js">
</script>
Что же означает данный код. Означает он следующее. Имеется некий файл в корневом каталоге сайта, my_script. Файл этот имеет расширение *.js, это значит, что он является сценарием, написанным на языке JavaScript. Этот сценарий подключается к html-документу при помощи атрибута src и будет выполнен на странице. В чём же преимущество подключения внешних скриптов? Да в том, что внешний скрипт можно написать один раз и затем подключать к разным html-документам и это будет удобнее, чем писать один и тот же сценарий на множестве страниц. Здесь нужно запомнить следующее: Если при помощи атрибута src к странице подключается внешний скрипт, то сценарий, находящийся между тегами <script>...</script> выполняться не будет! Работать будет именно внешний скрипт!