JavaScript Урок 3 В Каком Месте Исходного Кода HTML Вставлять Скрипты?
JavaScripts может быть вставлен в секции <body> и <head> страницы HTML.
JavaScript в секции <body>
Пример ниже вставляет текущую дату в существующий элемент <p> когда страница загружается:
Пример
<html>
<body>
<h1>Моя Первая Веб Страница</h1>
<p id="demo"></p>
<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>
</body>
</html>
|
Попробуйте сами »
|
Заметьте, что JavaScript размещается в самом низу страницы, чтобы код не был выполнен прежде, чем элемент <p> будет создан.
JavaScript Функции и События
Java-Скрипты внутри HTML страницы будут выполнены, когда страница загружается. Это не всегда то, что мы хотим.
Иногда вы хотим выполнить JavaScript когда происходит некоторое событие, например, когда пользователь нажимает на кнопку. В этом случае мы можем вставить скрипт внутри функции.
События как правило используеются в комбинации с функциями (вызов функции происходит, когда имеет место соответствующее событие).
Вы узнаете больше о функциях JavaScript и событиях в последующих уроках JavaScript.
JavaScript в Секции <head>
Пример ниже вызывает функцию когда происходит нажатие кнопки:
Пример
|
<html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>Моя Первая Веб Страница</h1>
<p id="demo"></p>
<button type="button" onclick="displayDate()">Показать Дату</button>
</body>
</html>
|
Попробуйте сами »
|
Скрипты в Секциях <head> и <body>
Вы можете разместить неограниченное количество скриптов в вашем документе, а также вы можете вставлять скрипты в секцию body и в то же время в секцию head.
Это стандартная практика встраивать функции в секцию head, или в самый низ страницы. Таким образом, все они собраны в одном месте и не мешают основному содержимому страницы.
Использование Внешних Скриптов
JavaScript также может быть помещен во внешние файлы.
Внешние файлы JavaScript обычно содержат код, который используется на нескольких различных веб страницах.
Внешние файлы JavaScript имеют расширение .js.
Замечание: Внешний скрипт не должен содержать теги <script></script>!
Чтобы подключить внешний скрипт к странице, укажите на .js файл в атрибуте "src" тега <script>:
Пример
<html>
<head>
<script type="text/javascript" src="xxx.js"></script>
</head>
<body>
</body>
</html> |
Попробуйте сами »
|
Замечание: Помните, что размещать ссылку на внешний файл скриптов следует там же, где бы писали эти скрипты, не используя внешний файл!
|
