Вы здесь: Главная >> Java-самоучитель >> Основы языка программирования JavaScript 1.5
Основы языка программирования JavaScript 1.5
Основы языка программирования сценариев JavaScript 1.5
Многое из того, о чем мы сейчас будем говорить, вам уже известно. Ведь как мы говорили, синтаксис JavaScript очень похож на синтаксис Java.
Начнем с того, как сценарии вставляются в текст HTML-документа.
Приведем пример простого встраивания сценария в текст (листинг 10.7).
Листинг 10.7.
Пример простого встраивания сценария в текст
< HTML >
<HEAD>
< ТITLЕ >Пример встраивания сценария</ТITLЕ>
</HEAD>
<BODY>
<SCRIPT LANGUAGES JavaScript">
// Этот сценарий будет поддерживаться браузером с JavaScript 1.0.
</SCRIPTS>
</BODY>
</HTML>
Мы вставили дескриптор <SCRIPT> с атрибутом LANGUAGE, который указал, какой язык и какую его версию мы используем. Можно указать также версию JavaScript (например, значение атрибута LANGUAGE будет "JavaScript 1.3 "). Между этими дескрипторами мы и будем располагать сценарий на языке JavaScript. Этот сценарий можно располагать где угодно, хоть между заголовком и телом HTML-документа (но, вообще- то, стандарты предписывают нам располагать его в заголовке HTML-документа). Есть особые случаи, когда не все равно, как именно это делать, но о данных случаях я расскажу тогда, когда придет время.
Начиная с четвертой версии HTML более важным становится не атрибут LANGUAGE, а атрибут TYPE. Ему присваивается значение "text/javascript". Однако для совместимости со старыми версиями браузеров желательно указывать значения обоих атрибутов.
<HTML> <HEAD>
<TITLE>Пример использования атрибута TYPE</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> // ...
</SCRIPT>
</BODY>
</HTML>
Если браузер не поддерживает JavaScript, то текст сценария должен быть заключен в комментарии Web. Приведем пример HTML-документа (листинг 10.8).
Листинг 10.8.
Пример HTML-документа
<HTML>
<HEAD>
< TITLE >Пример использования комментариев Web в сценарии.</TITLE>
</HEAD>
<BODY>
<SCRIPT TYPE="text/javascript">
<!-- // Начало сценария, скрытого от не поддерживающих JavaScript браузеров. // Сценарий. // Конец сценария. -->
</SCRIPT>
</BODY>
</HTML>
Если поддержка JavaScript в браузере отключена, то надо либо подключить эту поддержку с помощью параметров, либо создать специальный дескриптор <NOSCRIPT> (листинг 10.9).
Листинг 10.9.
Создание специального дескриптора <NOSCRIPT>
<HTML>
<HEAD>
< TITLE >Пример использования комментариев Web в сценарии.</TITLE>
</HEAD>
<BODY>
<SCRIPT TYPE="text/j avascript">
</SCRIPT>
<NOSCRIPT>
Ваш браузер не поддерживает JavaScript.
</NOSCRIPT>
</BODY>
Помещать в комментарии дескрипторы скрипта необходимо, однако мы при написании наших программ будем их опускать, чтобы не загромождать текст. Однако, когда придется создавать профессиональные Web-страницы, не забудьте их написать (желательно еще указать и дескрипторы <noscript>.. .</noscript>).
Теперь добавим еще одну строку и создадим работающую HTML-страницу (листинг 10.10).
Листинг 10.10.
Создание работающей HTML-страницы
<HTML>
<HEAD>
< TITLE >Пример использования комментариев Web в сценарии.</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
< i— Начало сценария, скрытого от не поддерживающих JavaScript браузеров.document.write("Первая фраза, выведенная прямо из сценария")? // Конец сценария. -->
</'SCRIPT>
<N0SCRIPT>
Ваш браузер не поддерживает JavaScript.
</NOSCRIРТ>
</BODY>
</HTML>
Как работает эта программа? За окно вывода HTML-документа отвечает объект document. Он содержит метод, позволяющий вывести что-то на экран, — метод write.
Мы выводим на экран строку "Первая фраза, выведенная прямо из сценария". (Подробнее об объектах JavaScript смотри далее.)
У дескриптора <script> возможен еще один атрибут — SRC. Значением его является адрес файла с расширением . js, который будет содержать строки кода JavaScript.
Например, если в файле my.js содержится одна строка: "document.write("Первая фраза, выведенная прямо из сценария") ; ", то этот же код, написанный в листинге 10.10, должен выглядеть так же, как код, представленный в листинге 10.11.
Листинг 10.11.
Пример кода с обращением к внешнему JavaScript-файлу
<HTML>
<HEAD>
< TITLE >Пример использования комментариев Web в сценарии.</TITLE>
</HEAD>
< BODY >
<SCRIPT SRC="my.js">
</SCRIPT>
Ваш браузер не поддерживает JavaScript.
</NOSCRIPT>
</BODY>
</HTML>
Сергей Владимирцев
15.03.2011