Включить скрипты в 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>