Web-конструирование


Содержание:

HTML

CSS

JavaScript


Версия для печати

Описание языка

JavaScript предназначен для написания сценариев для активных HTML-страниц. Язык JavaScript не имеет никакого отношения к языку Java. Java разработан фирмой SUN. JavaScript – фирмой Netscape Communication Corporation. Первоначальное название – LiveScript. После завоевания языком Java всемирной известности LiveScript из коммерческих соображений переименовали в JavaScript.

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

Важная особенность JavaScript – объектная ориентированность. Программисту доступны многочисленные объекты, такие, как документы, гиперссылки, формы, фреймы и т.д. Объекты характеризуются описательной информацией (свойствами) и возможными действиями (методами).

Тег <SCRIPT>

Сценарий JavaScript встраивается в HTML-документ с помощью тега <SCRIPT>.

    Пример 1:

	<HTML>
	<HEAD>
	<meta http-equiv=Content-Type
	content="text/html; charset=windows-1251">
	</HEAD>
	<BODY lang=RU>
		<H1>Начнем?</H1>
		<SCRIPT LANGUAGE="JavaScript">
		<!--
		document.write("Привет!");
		//-->
		</SCRIPT>
	</BODY>
	</HTML>

Атрибут LANGUAGE указывает язык программирования. Если мы имеем дело с HTML версии 4.0, то вместо LANGUAGE рекомендуется использовать атрибут TYPE в следующем виде:

<SCRIPT TYPE="text/javascript">

Текст сценария оформляется как комментарий, чтобы не было проблем у посетителей, брaузеры которых не понимают JavaScript. Кроме того к символам, завершающим комментарий добавляется еще два символа “/”, т.к. некоторые браузеры, например, Netscape Navigator рассматривает строку, состоящую только из символов “-->”, как ошибочную.

В первом примере для объекта с именем document вызывается метод write. В качестве параметра ему передается текстовая строка “Привет!”. Строка закрывается символом “;”, которым отделяются друг от друга все операторы JavaScript.

Объект document – это HTML-документ, загруженный в окно брaузера. Метод write записывает в тело HTML-документа строку “Привет!”. При этом документ будет выгдядеть так, как будто эта строка находится в нем на месте сценария.

Имейте в виду, что JavaScript различает строчные и прописные буквы. Кроме того символ дефиса в JavaScript распознается как минус, т.е. если фон объекта в HTML-документе задается через свойство background-color, то в JavaScript - через backgroundColor.

    Пример 2:

	<img src="ba.gif" border=0
	OnMouseOver="this.style.backgroundColor='red';"
	OnMouseOut="this.style.backgroundColor='white';">

Здесь цвет фона объекта будет меняться с белого на красный при наведении на объект мыши.

Переменные в JavaScript

Имя переменной не должно совпадать с зарезервированными ключевыми словами JavaScript.

Все переменные в JavaScript объявляются с помощью ключевого слова var. При объявлении тип переменной не указывается. Этот тип присваивается переменной только тогда, когда ей присваивается какое-либо значение.

Числа в строки интерпретатор JavaScript преобразует автоматически. Для преобразования строк в числа используют специальные функции parseInt и parseFloat.

    Пример 3:

	<HTML>
	<HEAD>
	<meta http-equiv=Content-Type content="text/html; charset=windows-1251">
	</HEAD>
	<BODY lang=RU>
		<H1>Пример преобразования типов</H1>
		<SCRIPT LANGUAGE="JavaScript">
		<!--
		var Buf="";
		Buf=100+"&nbsp;- число сто<br>";
		Buf+=(parseInt("50")+50)+"&nbsp;-число сто<br>";
		document.write(Buf);
		//-->
		</SCRIPT>
	</BODY>
	</HTML>

Практическая работа



счетчик посещений



© 2010 Е. Яковлева E-mail: lena_ngpu@mail.ru

Сайт управляется системой uCoz