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