JavaScript это язык сценариев, позволяющих сделать html-страницу интерактивной, т.е. "умеющей общаться" с пользователем. Сейчас мы дадим лишь общее представление об этом мощном инструменте Веб-дизайна, т.к. изучение JavaScript не входит в начальный курс обучения HTML.

Более подробно о JavaScript и DHTML будет рассказно в разделе "DHTML + JS". Но, повторяю, приступать к изучению языка скриптов надо лишь после того, как освоен классический HTML!

Чтобы поместить в текст Веб-страницы сценарий JavaScript, надо ввести дескриптор <SCRIPT>. Код JavaScript располагается между тэгами <SCRIPT> </SCRIPT>. Код HTML в этом месте размещать нельзя. Код можно размещать как в теле заголовка страницы (между тэгами <HEAD> </HEAD>), так и в теле страницы (между тэгами <BODY> </BODY>).

Сценарии JavaScript выполняются на компьютере пользователя (в отличие php-сценариев, которые выполняются на стороне сервера) и поэтому представляют некоторую опасность, связанную с возможным несанкционированным доступом к конфиденциальной информации. Например, при соответствующих настройках браузеры способны разрешать сценариям считывать файлы, в которых могут содержаться важные данные, например, пароли доступа. Поэтому в браузерах предусмотрена возможность отключения выполнения сценариев JavaScript. Это следует учитывать при разработке Вэб-страницы с использованием JavaScript.

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

Например, на этой странице используется сценарий JavaScript, который выводит текущую дату и время в окне браузера (слева вверху страницы). В нужное место страницы вставлен следующий код, который ссылается на соответствующий файл скрипта, текст которого приведен ниже:

<script language=JavaScript src="../vnu_datestamp.js">
</script>

Код:
days = new Array(
"Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"
);
months = new Array(
"Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"
);

function renderDate(){
	var mydate = new Date();
	var year = mydate.getYear();
	if (year < 2000) {
    if (document.all)
    	year = "19" + year;
    else
    	year += 1900;
	}
	var day = mydate.getDay();
	var month = mydate.getMonth();
	var daym = mydate.getDate();
	if (daym < 10)
    daym = "0" + daym;
	var hours = mydate.getHours();
	var minutes = mydate.getMinutes();
	var dn = "AM";
	if (hours >= 12) {
    dn = "PM";
    hours = hours - 12;
	}
	if (hours == 0)
    hours = 12;
	if (minutes <= 9)
    minutes = "0" + minutes;
	document.writeln("<FONT COLOR=\"#000000\" FACE=\"Verdana,arial,helvetica,sans serif\" size=\"1\"><B> ",days[day]," ",daym," ",months[month]," ",year,"</B> | ",hours,":",minutes," ",dn,"</FONT><BR>");
}

renderDate();