Подключение JavaScript на странице

翻译

	<!DOCTYPE html>
	<html>
	<head>

	Подключение внешнего JS
	<!--
	Атрибут src указывает путь в файлу с javascript кодом
	Атрибут type в настоящее время является необязательным
	-->
	<script
	src="02.first-script.js"
	type="text/javascript"></script>
	</head>
	<body>
	Правильный способ подключения JS на странице

	<!--
	Элемент script может располагаться в любом месте страницы
	-->
	<script
	src="03.second-script.js"></script>
	</body>
	</html>

	/*
	Этот сценарий выведет текст в модальное всплывающее окно
	*/

	alert('Скрипт работает');

	/*
	А этот сценарий выведет текст в консоль отладчика
	*/

	// Заглушка для старых браузеров
	if (!window.console \|\| !console.firebug) {
	var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
	window.console = {};
	for (var i = 0; i < names.length; ++i) {
	window.console[names[i]] = function() {}
	}
	}

	console.log("И этот скрипт тоже работает");

	<!DOCTYPE html>
	<html>
	<head>

	Встроенный JS


	// JavaScript-код может быть размещён внутри блока script
	document.write("Вывод текста прямо в браузер");
	</script>

	</head>
	<body>
	Допустимый способ подключения JS на странице
	</body>
	</html>

	<!DOCTYPE html>
	<html>
	<head>

	Обработчик события JS
	</head>

	<body onload="alert('Страница загружена');">
	Нежелательный способ подключения JS на странице
	</body>
	</html>

	<!DOCTYPE html>
	<html>
	<head>

	Обработчик события JS
	</head>

	<body>
	Недопустимый способ подключения JS на странице
	Давай, щелкай
	</body>
	</html>

参与讨论

Правильный способ подключения JS на странице