Непрофессиональное введение в Javascript
Непрофессиональное введение в Javascript
Что такое JavaScript
Что такое JavaScript JavaScript - новый язык созданий сценариев, который разработала Netscape . С JavaScript Вы можете легко создавать интерактивные web-страницы. Этот учебник показывает Вам, что
JavaScript это не Java!
JavaScript это не Java! Много людей полагают, что JavaScript есть Java из-за схожих имен. Но это не так. Я думаю, что зайду далеко в перёд, объясняя Вам все различия - поэтому просто запомините, ч
Запуск JavaScript
Запуск JavaScript Что необходимо, чтобы выполнить сценарии, написанные на JavaScript? Вам необходим броузер поддерживающий JavaScript - например Netscape Navigator (версия 2.0 или выше) или Micros
Вложение JavaScript в HTML-страницу
Вложение JavaScript в HTML-страницу Код JavaScript встроен непосредственно в HTML-страницу. Чтобы понять, как это работает, мы рассмотрим простой пример: html body br This is a normal HTML documen
Броузеры, не поддерживающие JavaScript
Броузеры, не поддерживающие JavaScript Как выглядит наша страница, если броузер не понимает JavaScript? Броузеры не поддерживающие JavaScript не знают тег script. Он игнорирует тег и выводит весь
События
События События и обработчики события очень важны для программирования на JavaScript. События обычно вызваны действиями пользователя. Если пользователь нажимает на кнопку мыши, происходит Click -с
Функции
Функции Мы используем функции в большинстве наших JavaScript программ. Следовательно я расскажу относительно этого важного понятия сейчас. В основном функции - путь для связывания нескольких коман
Иерархия JavaScript
Иерархия JavaScript JavaScript организовывает все элементы web-страницы в соответствии с иерархией. Каждый элемент рассматривается как объект. Каждому объект присущи некоторые свойства и методы. С
Location-объект
Location-объект Помимо окна - и document-объектов имеется другой важный тип объектов: location-объект. Этот тип представляет собой адрес загруженного HTML-документа. То есть, если Вы загрузили стр
Создание фреймов
Создание фреймов Часто задаваемый вопрос - то, как работают вместе фреймы и JavaScript. Сначала я хочу объяснять, чем являются фреймы и для чего они могут использоваться. После этого мы увидим, ка
Фреймы и JavaScript
Фреймы и JavaScript Теперь нам необходимо рассмотреть, как JavaScript видит фреймы в окне броузера. Для этого мы создадим два фрейма, как показано в первом примере этой части. Мы видели, что JavaS
Панель навигации
Панель навигации Давайте посмотрим на панель навигации. У нас есть несколько ссылок в одном фрейме. Если пользователь нажимает на эти ссылки, страницы не будут появляться в том же самом фрейме - о
Создание окон
Создание окон Открытие новых окон броузера - великолепное свойство JavaScript. Вы можете или загрузить новый документ (например HTML-документ) в новое окно, или Вы можете создавать новые (оператив
Имя окна
Имя окна Как Вы вогли видеть, мы используем три аргумента при окрытия окна: myWin= open(bla.htm, displayWindow, width=400,height=300,status=no,toolbar=no,menubar=no); Для чего нужен второй аргумен
Закрытие окон
Закрытие окон Вы можете закрывать окна через JavaScript. Для этого Вам необходим метод close(). Давайте откроем новое окно как показано ранее. В это окно мы загрузим следующую страницу: html scrip
Создание оперативных документов
Создание оперативных документов Сейчас Мы дошли до замечательного свойства JavaScript - создание оперативных документов. Это означает, что Вы можете позволить вашему JavaScript коду создать новую
Создание оперативных VRML-сцен
Создание оперативных VRML-сцен Чтобы показать гибкость JavaScript, мы теперь собираемся создать оперативную VRML-сцену. VRML расшифровывается как Vitual Reality Modelling Language . Это - язык для
Строка состояния
Строка состояния Ваши программы JavaScript могут писать в строку состояния - это область снизу вашего окна броузера. Все, что Вы должны сделать, это указать строку в window.status . Следующий прим
Таймауты
Таймауты С помощью таймаутов (или таймеров) Вы можете позволять компьютеру выполнять любой код по прошествии некоторого периода времени. Я сделал кнопку - если Вы нажмёте эту кнопку, через 3 секун
Прокрутчик
Прокрутчик Теперь, когда Вы знаете, как писать в строку состояния и как работают таймауты, мы разберём прокрутчики. Вы могли уже видеть бегущую строку в строке состояния. Она встречается практичес
Date-объект
Date-объект JavaScript позволяет Вам использовать некоторые предопределенные объекты. Например такие как Date-object, the Array-object или the Math-object. Есть несколько других объектов - пожалуй
Array-объект
Array-объект Массивы очень важны. Только думайте о примере, где Вы хотите сохранить 100 различных имен. Как Вы могли бы делать это с JavaScript? Хорошо, Вы могли бы определить 100 переменных и при
Массивы в JavaScript 1.0
Массивы в JavaScript 1.0 Поскольку Array-объект не существует в JavaScript 1.0 (Netscape Navigator 2.x и Microsoft Internet Explorer 3.x) мы должны подумать об альтернативе. Эта часть кода могла б
Math-объект
Math-объект Если Вы должны производить математические вычисления, Вы найдете некоторые методы в Math-объекте, который далее мог бы Вам помочь. Имеется например метода синуса sin(). Вы найдете полн
Проверка формы ввода
Проверка формы ввода Формы широко используются в Internet. Формы ввода часто посылается обратно на сервер или через почту на некоторому адрес электронной почты. Но как Вы можете убедиться, что пол
Проверка на некоторые символы
Проверка на некоторые символы Иногда Вы хотите ограничивать форму ввода некоторыми символами или числами. Подумайте о номере телефона - ввод должен содержать только цифры (мы предполагаем, что ном
Отсылка формы ввода
Отсылка формы ввода Какие различные возможности существуют для отсылки формы ввода? Самый простой путь состоит в том, чтобы отослать форму ввода через электронную почту. Этот метод мы собираемся р
Концентрация на некотором элементе формы
Концентрация на некотором элементе формы С помощью метода focus() Вы можете сделать вашу форму немного более дружественной. Вы можете определять в начале, который элемент находится в центре вниман
Изображения в web-странице
Изображения в web-странице Теперь мы рассмотрим объект, который является доступным начиная с JavaScript версии 1.1 (то есть с Netscape Navigator 3.0). С помощью Image-объекта Вы можете изменять из
Загрузка новых изображений
Загрузка новых изображений Хотя полезно знать, как получить размер изображения на web-странице, но не это является целью нашего урока. Мы хотим изменять изображения на web-странице. Для этой цели
Предварительная загрузка изображений
Предварительная загрузка изображений Единственный недостаток мог бы состоять в том, что новое изображение загружается после присвоения нового адреса свойству src . Поскольку изображение - предвари
Изменение изображений по событиям
Изменение изображений по событиям, инициированных пользователем Вы можете создавать хорошие эффекты через изменение изображений при реакции на некоторые события. Вы можете например изменять изобра
Что такое слои?
Что такое слои? Слои - одно замечательное новое свойство Netscape Navigator 4.0. Оно позволяет устанавливать абсолютную позицию объектов типа изображений. Помимо этого Вы можете перемещать объекты
Создание слоёв
Создание слоёв Для создания слоя нам нужен любой тег layer или ilayer. Вы можете использовать следующие свойства: name= layerName Имя слоя left= xPosition Горизонтальная позиция верхнего левого уг
Слои и JavaScript
Слои и JavaScript Теперь мы собираемся обращаться к слоям через JavaScript. Нам нужно начать с примера, где пользователь может нажать кнопку, чтобы скрыть и показать слой. Сначала мы должны узнать
Перемещение слоёв
Перемещение слоёв Свойства left and top определяют позицию слоя. Вы можете присвоить новые значения к этим свойствам, чтобы установить позицию слоя. Следующая строка устанавливает горизонтальную п
Слои II
Часть 10: Слои II Мы уже говорили относительно основ новой методики слоев. Этот урок охватывает следующие темы: Отсечение Вложенные слои Эффекты с прозрачными слоями
Отсечение
Отсечение Вы можете определить, какая из прямоугольных частей слоя будет видима. Все остальное, снаружи этой области, не будет показываться. Это называется, отсечением. Вы можете использовать HTML
Вложенные слои
Вложенные слои Мы уже видели, что слой может содержать несколько различных объектов и даже другие слои. Вы задаться вопросом - какое это имеет применение. Существует несколько причин для использов
Эффекты с прозрачными слоями
Эффекты с прозрачными слоями Интересные эффекты могут быть созданы с помощью прозрачных слоев. Особенно крутой эффект могут создавать изображения с прозрачными частями. Не все форматы изображения
Новые события
Новые события Наконец то пора взглянуть на одно из новых свойств Netscape Navigator 4.x: модель события JavaScript 1.2. Примеры, показанные здесь будут работать только в Netscape Navigator 4.x (бо
Объект Event
Объект Event В JavaScript1.2. был добавлен новый объект Event. Он содержит свойства, которые описывают событие. Каждый раз, когда происходит событие, объект Event передается в обработчик события.
Фиксация События
Фиксация События Важным свойством является фиксация события. Если пользователь например нажимает на кнопку, вызывается обработчик события onClick для этой кнопки. С помощью фиксации события Вы мож
Что такое технология drag drop?
Что такое технология drag drop? С помощью новой модели событий JavaScript 1.2 и слоёв мы можем пользоваться технологией drag drop на нашей web-странице. Для этого, Вам понадобится крайней мере Net
События провоцируемые мышью в JavaScript 1.2
События провоцируемые мышью в JavaScript 1.2 Какие события мыши мы должны использовать? Мы не имеем MouseDrag но мы можем достигать этого же самого через события MouseDown , MouseMove и MouseUp .
MouseDown, MouseMove и MouseUp
MouseDown, MouseMove и MouseUp Поскольку я уже сообщил Вам, что JavaScript не знает событие MouseDrag. Следовательно мы должны использовать события MouseDown , MouseMove и MouseUp , чтобы выполнят
Отображение перемещяющихся объектов
Отображение перемещяющихся объектов На предыдущих уроках Мы видели, что можно создавать перемещающиеся объекты с помощью слоёв. Теперь нашей задачей является регистрация объекта, на который нажал
Отпускание объектов
Отпускание объектов Теперь у нас есть все, что нам надо, чтобы выполнить технологию drag drop. С нашим сценарием, пользователь может перемещать объекты на нашей web-странице. Но мы все же не говор
Усовершенствования
Усовершенствования Существует несколько путей для улучшения нашего сценария. Сначала мы могли бы изменить порядок уровней, как только пользователь щелкает на любом объекте. Иначе это может выгляде
