Где размещать javascript-код
Javascript-код может быть размещен как на самой странице, так и во внешнем файле.
Javascript-код на странице
Сценарии, написанные на языке javascript, могут располагаться на самой html-странице между тегами <script></script>, которые в свою очередь обычно находятся в тегах <head></head>. У тега <script> должен быть указан параметр language, который и указывает язык написания скрипта:
<html> <head> <title>Заголовок документа</title> <link rel="stylesheet" type="text/css" href="cascade.css"> <script language="javascript"> код скрипта </script> </head> <body> </body> </html> |
Теоретически теги <script></script> могут располагаться и в теле документа (в тегах <body></body>). Выполняться такой сценарий будет тогда, когда браузер «дочитает» страницу до этого места (до тегов <script></script>). Использовать такой способ сейчас не принято.
Javascript-код во внешнем файле
Создайте в блокноте страницу (пока пустую) и сохраните ее как «script.js» в ту же папку, где лежит html-страница:
Это будет наша страница с javascript-кодом. Теперь нам надо подключить страницу script.js к html-странице. Для этого, в html существует тег <script>, который и отвечает за подключение внешних файлов скриптов. Добавим этот тег в html-страницу:
<html> <head> <title>Заголовок документа</title> <link rel="stylesheet" type="text/css" href="cascade.css"> <script type="text/javascript" src="script.js"></script> </head> <body> </body> </html> |
В дальнейшем мы будем пользоваться именно этим способом, как самым удобным.