Включить скрипты в HTML-макет можно несколькими способами. Вот некоторые часто используемые методы:
-
Встроенный скрипт: в этом методе скрипт встраивается непосредственно в HTML-файл с помощью тега
. Тег
можно разместить либо в разделе
, либо в конце раздела
.
Пример:<!DOCTYPE html> <html> <head> <title>Your Title</title> <script> // Your script code here </script> </head> <body> <!-- Rest of your HTML content --> </body> </html>
-
Внешний скрипт. При таком подходе вы можете создать отдельный файл JavaScript и связать его с вашим HTML-файлом с помощью тега
. Тег
размещается в разделе
или в конце раздела
, аналогично встроенному скрипту. метод.
Пример:<!DOCTYPE html> <html> <head> <title>Your Title</title> <script src="path/to/your/script.js"></script> </head> <body> <!-- Rest of your HTML content --> </body> </html>
-
Асинхронный скрипт: если вы хотите загрузить скрипт асинхронно, не блокируя отрисовку HTML-страницы, вы можете использовать атрибут
async
втег.
Пример:<!DOCTYPE html> <html> <head> <title>Your Title</title> <script src="path/to/your/script.js" async></script> </head> <body> <!-- Rest of your HTML content --> </body> </html>
-
Отложенный сценарий: атрибут
defer
в тегепозволяет выполнить сценарий после завершения анализа HTML-страницы.
Пример :<!DOCTYPE html> <html> <head> <title>Your Title</title> <script src="path/to/your/script.js" defer></script> </head> <body> <!-- Rest of your HTML content --> </body> </html>