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

Изучим JavaScript общими усилиями

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

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

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

←   Май 2007   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Doubrovski

Статистика

397 подписчиков
0 за неделю
←   Все выпуски   →

Изучим JavaScript общими усилиями


Изучим JavaScript общими усилиями
Рассылка продублирована на сайте www.infotok.net.ru
Адрес для связи griisaev@yandex.ru

ВЫПУСК 19

Всем здравия желаю!

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

Объект Array (массив)

Объект Array (массив) – упорядоченный набор данных объединенных под одним именем.
Массивы могут состоять из любых типов данных. Массив может содержать другие массивы, в этом случае его называют многомерным. Каждому элементу массива присваивается индекс (порядковый номер). Нумерация элементов начинается с нуля, то есть, если элементов в массиве 10, то первому элементу присваивается индекс 0, а последнему 9.

Создание массива.

Первый способ. Сначала создается копия объекта Array с использованием ключевого слова new (эта процедура производится при всех способах создания массивов).

имя_массива = new array([длина_массива])

длина_массива – неявляется обязательным параметром. Вы можете создать пустой массив, а затем добавить к нему необходимое количество элементов, используя, оператор присвоения.
После создания массива его элементам присваиваются значения.

myarray = new Array(3)
myarray[0] = “Имя”
myarray[1] = “Отчество”
myarray[2] = 345.65
myarray.length

В левой части указывается имя_массива и в квадратных скобках индекс (порядковый номер) элемента – myarray[0]. В правой части значение присвоенное элементу массива.
У массива есть свойство length, значением которого является длина массива.

Второй способ.

myarray = new Array(“Имя”, “Отчество”, 345.65)

Здесь создается копия объекта массива и в круглых скобках сразу перечисляются значения элементов массива.
Здесь, как и в первом способе обращаться к элементу массива можно по индексу элемента.

Третий способ.

myarray = new Array(3)
myarray.myname = “Имя”
myarray.mypatronymic = “Отчество”
myarray.mynumber = 345

Здесь каждому элементу присваивается имя, подобно имени свойства объекта.
В этом случае обращаться к элементу по индексу нельзя. Необходимо обращаться как к свойству элемента, например: myarray.mynumber.

Свойства и методы объекта Array перечислять не буду, их описание можно найти в любом справочнике по javascript.

 

До следующего выпуска!
ПРИМЕРЫ

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

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  4. <title>Прмер</title>
  5. <script language="JavaScript" type="text/javascript">
  6. var apict1= new Array("thumbnails/img_001_jpg.jpg", "thumbnails/img_002_jpg.jpg", "thumbnails/img_003_jpg.jpg", "thumbnails/img_004_jpg.jpg")
  7. var apict2= new Array("images/img_001_jpg.jpg","images/img_002_jpg.jpg","images/img_003_jpg.jpg","images/img_004_jpg.jpg")
  8. var aflag=new Array(apict1.length)
  9. var xstr=""
  10. for(i=0;i<apict1.length;i++) {
  11. xstr+='<IMG id="i'+i+'"src="'+apict1[i]+'" onClick="imgchange()">'
  12. }
  13. document.write(xstr)
  14. function imgchange(){
  15. var xid=event.srcElement.id
  16. var n=parseInt(xid.substr(1))
  17. if (aflag[n])
  18. document.all[xid].src=apict1[n]
  19. else
  20. document.all[xid].src=apict2[n]
  21. aflag[n]=!aflag[n]
  22. }
  23. </script>
  24. </head>
  25. <body>
  26. </html>

В строке 6 создается массив (иначе копия объекта Array) начальных изображений.
В строке 7 создается массив увеличенных изображений.
В строке 8 определен массив флагов (иначе пременных-тригеров).
В строках 9, 10, 11 и 12 с помощью сценария формируется HTML-документ с изображениями. Здесь формируется строка, содержащая тэг <IMG>. Затем в строке 13 она записывается в документ.

Далее создается функция imgchange(), которая является обработчиком события onClick.

До следующего выпуска!

ВАШИ ВОПРОСЫ

Здесь будут размещаться Ваши вопросы. Поскольку я сам чайник в JavaScript, то будем сообща искать на них ответы. Обязательно познакомьтесь с правилами подачи вопросов и ответом.

ВОПРОС №5

Здравствуйте, а может кто-нибудь понятно объяснить разницу между атрибутами name и id.
Вроде бы и так и так работает, но зачем-то существуют оба, значит оба нужны

 

Правила подачи вопросов и ответов.
Общие

Нековеркайте слова. Не применяйте нецензурные выражения. Не принимаются письма с вложенными файлами.
Такие письма будут просто удаляться.

Правила подачи вопросов

Правильно и понятно формулируйте ваши вопросы. Указывайте ваш рабочий адрес электронной почты. Старайтесь не забегать вперед рассылки. Указывайте тему письма как «Вопрос».

Правила для ответов

При ответе в теме письма указывайте Ответ - (номер вопроса). Если хотите ответить на несколько вопросов, то на каждый вопрос отвечайте отдельным письмом.

Адрес для связи griisaev@yandex.ru

Все права защищены © Исаев Григорий 2007г., griisaev@yandex.ru
При цитировании ссылка на источник обязательна.

В избранное