При встраивании JavaScript в документ HTML существует несколько способов включения тега . Вот некоторые распространенные методы:
- Встроенный: код JavaScript можно разместить непосредственно в HTML-файле, используя тег
внутри
или
<. раздел body>
. Например:
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
<script>
// JavaScript code here
</script>
</head>
<body>
<!-- HTML content -->
</body>
</html>
- Внешний файл. Вы также можете связать внешний файл JavaScript с помощью атрибута
src
тега. Этот метод полезен, если у вас имеется значительный объем кода JavaScript или если вы хотите повторно использовать код на нескольких страницах. Например:
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
<script src="script.js"></script>
</head>
<body>
<!-- HTML content -->
</body>
</html>
В этом случае код JavaScript находится в отдельном файле с именем script.js
.
- Асинхронная или отложенная загрузка. Чтобы повысить производительность загрузки страницы, вы можете использовать атрибуты
async
илиdefer
в теге. Эти атрибуты управляют тем, как браузер загружает и выполняет код JavaScript. Например:
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
<script src="script.js" async></script>
<!-- or -->
<script src="script.js" defer></script>
</head>
<body>
<!-- HTML content -->
</body>
</html>
Атрибут async
сообщает браузеру о необходимости асинхронной загрузки сценария, не блокируя отрисовку страницы, а атрибут defer
указывает браузеру отложить выполнение сценария до тех пор, пока анализ HTML завершен.