/ Справочники / HTML5 / script

Информация по поводу - script


HTML тег <script> служит для подключения различных скриптов на веб страницу. Это может быть сторонний файл, который подключается через атрибут src или же просто JavaScript код, который будет выполняться на странице. Требует закрывающий тег </script>.

Такой подход очень удобный, так как это позволяет использовать один и тот же код на многих страницах веб ресурса, а также такой код имеет свойство к кэшированию. Это означает что файл будет помещен в кэш браузера и при дальнейших переходах на другие страницы не будет повторно загружаться.

Вы можете использовать тег <script> множество раз на сайте, а также не важно где вы его будете использовать: в блоке head или же в блоке body. Принято что скрипты, которые нужны в первую очередь для отображения сайта располагаются в теге head, а скрипты, которые не влияют на его отображение, но добавляют функции - в конце тега body. Такое позиционирование позволяет более эффективно загружать сам сайт.

Атрибуты:
  • src - указывается путь к файлу (скрипту), который будет загружен на сайт;
  • async - добавляет возможность загрузить скрипт асинхронно;
  • type - устанавливает тип подключаемого файла или же скрипта в нем, к примеру для javascript: type="text/javascript";
  • language - указывает язык программирования скрипта (считается устаревшим и можно не использовать);
  • defer - можно отложить загрузку скрипта до тех пор, пока вся страница не будет полностью загружена.
Пример:
<html>
	<head>
		<script type="text/javascript" src="/js/very-important.js"></script>
	</head>
	<body>
		
		<script type="text/javascript">
			alert ("Привет мир!");
		</script>
	</body>
</html>