Подключение файла со скриптами JavaScript

JavaScript код можно писать в отдельном файле, который затем будет подключен к HTML файлу. Давайте посмотрим, как это делается.

Для начала создадим файл с нашим скриптом. У этого файла должно быть расширение .js. Для примера давайте назовем его script.js. Разместим в нем какой-нибудь код:

alert('text');

Давайте теперь подключим наш файл со скриптом к HTML файлу. Для этого в теге script в атрибуте src нужно указать путь к файлу со скриптом:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="script.js"></script>
	</head>
	<body>
		
	</body>
</html>

Сделайте файл со скриптом. Подключите его к вашему HTML файлу. Проверьте его работу.

Несколько файлов

Можно подключать не один, а несколько файлов с помощью нескольких тегов script:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="script1.js"></script>
		<script src="script2.js"></script>
	</head>
	<body>
		
	</body>
</html>

Сделайте три файла со скриптами. Подключите их к вашему HTML файлу. Проверьте их работу.

Замечание

Учтите, что в теге script можно либо писать код, либо подключить файл. Попытка сделать это одновременно не будет работать. Поэтому следующий код не рабочий:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="script.js">
			alert('text');
		</script>
	</head>
	<body>
		
	</body>
</html>