- •21.Свойства текста.
- •22. Единицы измерения элемента. Границы объектов. Курсоры.
- •Отступы. Полоса прокрутки. Псевдоэлементы. Позиционирование. Размер элемента. Ссылки.
- •Основы JavaScript
- •Синтаксис JavaScript. Типы данных. Переменные и константы.
- •4.2 Синтаксис JavaScript
- •4.2.1 Типы данных
- •4.2.2 Переменные и константы
- •4.2.5 Комментарии
- •Синтаксис JavaScript. Идентификаторы. Область действия переменных. Комментарии.
- •4.2 Синтаксис JavaScript
- •4.2.3 Идентификаторы
- •4.2.4 Область действия переменных
- •4.2.5 Комментарии
- •Операторы манипулирования объектом. Оператор for...In. Оператор new. Оператор with. Ключевое слово this.
- •4.3.1 Оператор for...In
- •4.4.2 Функции и Методы
- •29. Объектная модель JavaScript. Определение методов. Создание новых объектов.
- •4.4.4 Создание Новых Объектов
- •4.4.5 Определение методов
- •30. Использование встроенных объектов и функций. Объект Date. Объект Array.
- •4.5 Использование Встроенных Объектов и Функций
- •4.5.1 Объект Date
- •4.5.2 Объект Array
- •31 Использование встроенных объектов и функций. Объект String. Объект Math.
- •4.5.3 Объект String
- •4.5.4 Объект Math
- •32 Объектная модель броузера. Объект window.
- •4.6.1 Объект window
- •33 Объектная модель броузера. Объект document.
- •4.6.2 Объект document
- •34 Коллекции объекта document.
- •4.6.3 Коллекции объекта document
- •35 Объектная модель броузера. Объект event.
- •4.6.4 Объект event
- •36 Объектная модель броузера. Объект history.
- •37 Объектная модель броузера. Объект location.
- •4.6.6 Объект location
- •38 Объектная модель броузера. Объект navigator.
- •4.6.7 Объект navigator
- •39 Структура программы Java. Библиотека классов Java.
- •Структура программы Java
- •Библиотека классов Java
- •40 Переменные и базовые типы данных. Классы-оболочки.
Основы JavaScript
4.1 Основы JavaScript
JavaScript - это язык для составления сценариев, позволяющих выполнять разные действия непосредственно на машине пользователя. Распологаются данные сценарии внутри HTML документов.
JavaScript применяется для проверки правильности заполнения форм, создания удобной навигации и т.д.
Это язык программирования, который понятен браузеру. Это означает, что браузер умеет выполнять (интерпретировать) команды этого языка.
Программу на JavaScript можно помещать внутрь HTML-кода или держать в отдельном файле. Этот файл браузер прочитает (по специальной команде) во время интерпретации HTML-программы.
Программы на JavaScript (их называют скриптами) не работают самостоятельно. Коды JavaScript дополняют коды HTML и "живут" только вместе с ними. Даже если они расположены в отдельном файле
Размещение JavaScript на HTML-странице
Скрипт размещается между двумя парными тегами <SCRIPT>...</SCRIPT>. Обычно запись скрипта выглядит так:
<SCRIPT language=JavaScript> <!-- ... Код на JavaScript ... //--> </SCRIPT>
<NOSCRIPT> ... Для браузеров, которые не поддерживают JavaScript ... </NOSCRIPT> |
Начало скрипта Скрипт представлен как HTML-комментарий, чтобы не "смущать" браузеры, которые о скриптах не знают. Конец скрипта
Эта команда -- специально для пользователей, у которых браузер не понимает скриптов. |
Код скрипта оформляют как HTML-комментарий. Браузеры, которые умеют работать со скриптами, об этом знают, а другие не будут творить безобразия, встретив неизвестные конструкции.
Закрывающий тег HTML-комментария предваряется двумя наклонными чертами "//" (комментарий языка JavaScript) опять же в целях безопасности. Некоторые браузеры сходят с ума, если не видят этих знаков. (Комментарием в JavaScript считается все, что располагается от символов "//" и до конца текущей строки).
Открывающий тег SCRIPT использует атрибут language для указания языка, на котором написан скрипт. Значением этого атрибута в нашем случае является JavaScript.
Команда <NOSCRIPT>...</NOSCRIPT> является не обязательной, но желательной. Внутри этой команды располагаются теги HTML.
пример
<HTML>
<HEAD>
<META http-equiv="Content-Type"
content="text/html; charset=windows-1251">
<TITLE>Проверка браузера</TITLE>
</HEAD>
<BODY bgcolor=#DFD8C5 text=black>
<H1>Проверка браузера</H1>
<HR>
<SCRIPT language=JavaScript>
<!--
alert("Ваш браузер поддерживает язык JavaScript!");
//-->
</SCRIPT>
<NOSCRIPT>
<H2>Предупреждение</H2>
<P>
Ваш браузер не поддерживает JavaScript.
Этот документ будет показан неверно, возможны
сообщения об ошибках.
<P>
Версия документа без скриптов расположена
<A href=doc1.htm>здесь</A>.
</NOSCRIPT>
<P>
Для возврата к основному тексту нажмите кнопку
"Назад" на инструментальной панели браузера.
</BODY>
</HTML>
* Если текст-параметр функции alert слишком длинный, его можно записывать в нескольких строчках используя знак "+" (операция соединения):
alert("Язык JavaScript был разработан фирмой Netscape"+ " (первое название языка -- LiveScript)");
Операция соединения не означает разрыв строки на экране браузера. Для перевода строк используйте символы "\n":
alert("Первая строка.\nСтрока вторая.");