Вставка JavaScript в html-код
Чтобы сценарий на JavaScript заработал, необходимо поместить его в html-код страницы. Делается это при помощи пары тегов <script>...</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> выполняться не будет! Работать будет именно внешний скрипт!
2018 год.