JavaScript Где установить?
Тег <script>
В HTML, JavaScript код вставляется между <script>
и </script>
теги.
Пример
<script>
document.getElementById("demo").innerHTML = "Мой Первый JavaScript";
</script>
Попробуйте сами »
В старых примерах JavaScript может использоваться атрибут типа: <script type="text/javascript">.
Атрибут типа не требуется. JavaScript - это язык сценариев по умолчанию в HTML.
Функции и события JavaScript
JavaScript function
- это блок кода JavaScript, который может быть выполнен по запросу.
Например, функция может быть вызвана при возникновении события, например, когда пользователь нажимает кнопку.
Вы узнаете гораздо больше о функциях и событиях в следующих главах.
JavaScript в <head> или <body>
Вы можете разместить любое количество скриптов в HTML документе.
Сценарии могут быть размещены в <body>
или в <head>
разделе HTML страницы, или в обоих.
JavaScript в <head>
В этом примере JavaScript function
помещается в <head>
раздел HTML страницы.
Функция вызывает (вызывается) при нажатии кнопки:
Пример
<!DOCTYPE html>
<html><head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Параграф изменён.";
}
</script>
</head>
<body>
<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Попробовать</button>
</body>
</html>
Попробуйте сами »
JavaScript в <body>
В этом примере JavaScript function
помещается в <body>
раздел HTML страницы.
Функция вызывает (вызывается) при нажатии кнопки:
Пример
<!DOCTYPE html>
<html>
<body>
<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Попробовать</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Параграф изменён.";
}
</script>
</body>
</html>
Попробуйте сами »
Размещение скриптов в нижней части элемента <body> увеличивает скорость отображения, поскольку интерпретация скриптов замедляет отображение.
Внешний JavaScript
Скрипты также можно размещать во внешних файлах:
Внешний файл: myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Параграф изменён.";
}
Внешние скрипты практичны, когда один и тот же код используется на многих разных веб страницах.
Файлы JavaScript имеют расширение .js.
Чтобы использовать внешний скрипт, поместите имя файла скрипта в src
атрибут (источник) <script>
тега:
Вы можете разместить ссылку на внешний скрипт в <head>
или <body>
по своему усмотрению.
Скрипт будет вести себя так, как если бы он был расположен именно там, где находится <script>
тег.
Внешние скрипты не могут содержать <script>
теги.
Преимущества внешнего JavaScript
Размещение скриптов во внешних файлах имеет ряд преимуществ:
- Он разделяет HTML и код
- Это упрощает чтение и поддержку HTML и JavaScript
- Кэшированные файлы JavaScript могут ускорить загрузку страницы
Чтобы добавить несколько файлов сценария на одну страницу - используйте несколько тегов сценария:
Пример
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>
Внешние ссылки
На внешние скрипты можно ссылаться с помощью полного URL-адреса или пути относительно текущей веб страницы.
В этом примере для ссылки на скрипт используется полный URL-адрес:
В этом примере используется сценарий, расположенный в указанной папке на текущем веб сайте:
Этот пример ссылается на скрипт, расположенный в той же папке, что и текущая страница:
Вы можете узнать больше о путях к файлам в главе Пути к файлам HTML..