Отправляет email-рассылки с помощью сервиса Sendsay

JavaScript для начинающих. Изучаем с нуля.

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Заметки Дизайнера" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Август 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
16.08.2005
16:31:55
16:33:01
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
ImHoster.net

Статистика

2.443 подписчиков
-1 за неделю
←   Все выпуски   →

JavaScript для начинающих. Изучаем с нуля. выпуск шестой


Информационный Канал Subscribe.Ru
Рассылка для всех, кто желает освоить JavaScript

JavaScript для начинающих
Изучаем с нуля

Выпуск #6, 2005-08-09
Письмо автору
Если нужен хостинг
 Сборник Java-скриптов Свой сайт за 15 минут

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

Использование функций

Сценарий, который мы создали в 3-м выпуске представляет собой просто набор инструкций. При загрузке вэб-страницы браузер после дескриптора <SCRIPT> последовательно выполняет все инструкции сценария. Дойдя до дескриптора </SCRIPT> (или до ошибочной инструкции), браузер прекращает выполнение инструкций.

Если этот метод выполнения программ JavaScript применим к простым сценариям, то выполнение сложного сценария требует совершенно иных методов. Для того, чтобы упростить структуру сценария, в JavaScript используются функции.

Выполнение задач с помощью функций

Вы уже познакомились с операторами JavaScript, часть которых отображается в скобках. Например:

document.write("Текст")

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

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

text = prompt("Введите любой текст");

При необходимости вы можете создавать собственные функции. Собственные функции создаются исключительно по двум причинам. Первая: разделение большого сценария на отдельные части, более простые для понимания и управления. Вторая: множественное использование функции для выполнения подобных и повторяющихся задач.

Объекты

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

Каждый элемент данных, сохраненный в объекте, называется свойством. Например, для объекта пользователя Bill свойства определяются как Bill.address и Bill.phone.

Объеты также могут содержать и методы. Методы - это функции, которые обрабатывают свойства объекта. Например, объект нашего пользователя может содержать метод display(), отображающий на экране сведения о пользователе. В терминологии JavaScript оператор Bill.display() отображает сведения об объекте Bill.

Функция document.write, описанная ранее на самом деле представляет собой метод объекта document. Детально об объектах поговорим позже.

В JavaScript поддерживается три типа объектов:

  • Встроенные объеты. Эти объекты встроены непосредственно в JavaScript. Ранее вы уже познакомились с одним из таких объектов Date.
  • Объекты браузера. Эти объекты представляют элементы браузера и текущего документа HTML. Например, функция alert(), на самом деле представляет собой метод объекта window.
  • Пользовательские объекты. Это объекты, создаваемые программистом. Например вы можете создать пользовательский объект для каждого пользователя, который будет содержать контактную информацию о нем.

Обработка событий

Как я уже говорил ранее, не все сценарии в HTML определяются дескриптором <SCRIPT>. Сценарии также используются и как обработчики событий. Хотя этот термин и относится к языкам программирования высокого уровня, ничего сложного в нем нет. Обработчик события - это сценарий, который управляет событиями.

В реальной жизни все время происходят какие-то события. Например, в своем ежедневнике вы записываете: "Зайти к Юле" или "День рождения жены". Множество событий происходит неожиданно.

Независимо от того, как происходят события - по расписанию или нет, вы хотите чтобы они проходили нормально, без неожиданных инцидентов. Обработчик событий в реальной жизни может содержать следующие инструкции: "В день рождения жены с самого утра подарить ей подарок и потребовать большой сливочный торт".

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

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

Обработчик событий связывается с определенным объектом браузера и определяется в дескрипторе объявления объекта, например текстовые и графические ссылки имеют событие onMouseOver, которое происходит при наведении указателя мыши на ссылку. Вот как выглядит дескриптор графической ссылки с обработчиком событий:

<IMG SRC="button1.gif" onMouseOver="highlight();">

Вы определяете обработчик событий как параметр дескриптора HTML и добавляете оператор JavaScript, управляющий событием, в кавычках. Идеально для управления событием использовать функцию, поскольку имена функций короткие и позволяют выполнять одновременно несколько операторов.

Условные операторы

В то время, как обработчики событий уведомляют сценарий о выполнении некого действия, условные операторы позволяют проверить выполняемость определенного условия, например правильно ли ввел пользователь свой почтовый адрес.

Типичное условие отображается при задании оператора if:

if (a==1) alert("Значение счетчика 1");

Этот оператор позволяет сравнить значение переменной a с единицей. Если значение переменной равно 1, то на экран выводится предупреждение, введенное в кавычках. Обычно ни один сложный сценарий не обходится без условных операторов.

Циклы

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


i=1;
for (i==1; i<=10; i++) {
   alert("Это еще одно сообщение");
}

Оператор for - это основной оператор цикла. Циклы с таким оператором используются в JavaScript чаще всего. Естественно, в своих сценариях вы будете использовать циклы для выполнения более полезных задач.

Последовательность выполнения сценариев

Как я уже говорил, большой вэб-документ часто содержит несколько сценариев JavaScript. Например вверху страницы отображается дата, стоит скрипт службы ExitExchange, которая позволяет совершенно бесплатно увеличить посещаемость сайта в два раза и внизу висит счетчик посещений например SPYLOG. возникает справедливый вопрос, как браузер определяет очередность выполнения сценариев? чтобы не запутаться при добавлении на вэб-страницу сценариев JavaScript, следуйте приведенных ниже правил:

  • Дескриптор <SCRIPT>, введенный в элементе <HEAD> документа HTML всегда выполняется первым. Хотя этот сценарий и не позволяет отображать на экране данные, он прекрасно подходит для определения функций.
  • Сценарий, добавленный в тело документа HTML, выполняется всегда после сценариев, введенных в его заголовке. Несколько сценариев в теле документа HTML выполняются в порядке их следования.
  • Обработчики событий запускаются при выполнении соответствующих событий. Например, обработчик onLoad выполняется сразу после загрузки вэб-страницы. Чтобы правильно задать функцию, используемую в обработчике событий, старайтесь всегда определять ее в заголовке документа HTML.

Опять о комментариях

Ранее вы узнали, как с помощью комментариев скрыть сценарий от браузера. Другое применение комментариев - отображать в коде HTML объяснения и инструкции.

Комментарии позволяют включить в код сценария необходимую документацию. Она понадобится тому разработчику, который, возможно, попытается разобраться в вашем сценарии (или вам, если вы вернетесь к его рассмотрению после длительного перерыва). Чтобы включить комментарий в середине строки, нужно сделать так:

// это комментарий

Если комментарий необходимо вставить в конце строки, тогда так:

a = a + 1; // это комментарий

JavaScript поддерживает C-подобные комментарии, начинающиеся с /* и заканчивающиеся */. Эти комментарии могут занимать больше, чем одну строку, что демонстрирует приведенный ниже пример:

/* Этот сценарий содержит комментарий, который
расположен на двух строках */

Поскольку эти комментарии подчиняются только синтаксису JavaScript, они вводятся в области сценария. Их нельзя вводить в программном коде HTML.

Начиная со следующего выпуска мы начнем детально рассматривать основные методы и средства создания сценариев.

Оставайтесь с нами. До встречи!




Если Вы ищете возможность в одиночку построить свой бизнес в Интернет.

Если Вы готовы работать для достижения своих целей.

Тогда, мое предложение - именно для ВАС.

Подробнее в рассылке...

"БИЗНЕС СО СКОРОСТЬЮ МЫСЛИ"



Ваше имя :
Ваш email :

Если ваша почтовая программа не обрабатывает формы, то откройте эту страницу в браузере, или подпишитесь ЗДЕСЬ


Скачай БЕСПЛАТНО

Электронная книга
Билл Ньюмен
"ПАРИТЕ ВМЕСТЕ С ОРЛАМИ"

"He мнoгo нaйдeтcя книг, кoтopыe пpoизвeли нa мeня тaкoe жe впeчaтлeниe, кaк "Moщь ycпeшнoй жизни" дoктopa Биллa Hьюмeнa. Пoэтoмy мeня paдyeт, чтo Билл пocвятил цeлyю книгy мoим любимым птицaм, yвeкoвeчив иx вoльный дyx и вeличиe в книгe пoд нaзвaниeм "Пapитe вмecтe c opлaми", иcпoльзoвaв, к тoмy жe, этиx "мoнapxoв вoздyшныx пpocтopoв", кaк oн иx нaзывaeт, для тoгo чтoбы нa иx пpимepe излoжить нaм нeoбычaйнo эффeктивныe пpинципы жизни, пoлнoй дocтижeний и ycпexoв. B cвoeй книгe aвтop фopмyлиpyeт oднy иcтинy зa дpyгoй, paccкaзывaя в кaждoй глaвe мнoгo пoyчитeльныx иcтopий. Пpaвдa, я и paньшe cлышaл o cyщecтвoвaнии y opлoв двoйныx вeк, нo никoгдa нe пoнимaл, кaк вeликo иx знaчeниe, пoкa нe пpoчeл пятyю глaвy дaннoй книги. Кaкoй здecь coдepжитcя блecтящий ypoк paзвития, зaщиты и "paзжигaния" (кaк этo нaзывaeт Билл) вaшeгo пepcпeктивнoгo видeния!"

Декстер Ягер

скачать
Письмо автору
Если нужен хостинг
 Сборник Java-скриптов Свой сайт за 15 минут

ведущий рассылки: Виталий Прохоренко
http://nbusiness.ru

Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора 		Подписан адрес:
Код этой рассылки: inet.webbuild.javascripts 		Отписаться
Вспомнить пароль
В избранное