ГлавнаяРегистрацияВход My-WAP Пятница, 29.03.2024, 13:00
  Статьи Приветствую Вас Гость | RSS

 
 
Главная » Статьи » Програмирование » Java Script

JavaScript. Введение
JavaScript - это не та Java, которую мы изучаем в другом разделе. Просто Java - это язык программирования, это виртуальная машина, а это скрипт. Скрипт - это текст на каком-нибудь языке, который не компилируется, а используется так, как мама родила. А мама, т. е. Программист рожает скрипты в текстовом виде. Наш скрипт используется практически везде. Его применение неограниченно. Но всё же популярность он получил благодаря использованию его в сети Internet вместе с HTTP. Он позволяет улучшить любую страничку и превратить её в прекрасное деяние.

Для запуска JavaScript нам понадобится браузер (я думаю это знают все). Сейчас все браузеры поддерживают этот язык, поэтому волноваться тут не о чем. JavaScript вставляется прямо в текст HTML, да ты наверно уже это знаешь. Так что давай перейдём к практике.

Давай рассмотрим сразу простенький пример:

<HTML>
<BODY>
<CENTER>Первый пример использования JavaScript
<BR>
<SCRIPT language="JavaScript">
document.write("Привет из JavaScript!!!");
</SCRIPT>
</CENTER>
</BODY>
</HTML>

Здесь ты можешь увидеть этот пример в действии, хотя там не на что смотреть, ничего особого не происходит.

Основная часть примера - это HTML. Сам JavaScript (в дальнейшем просто JS) это три строчки:

<SCRIPT language="JavaScript">
document.write("Привет из JavaScript!!!");
</SCRIPT>

Но всё это мелочи и я затеял уроки JS не для того, чтобы научить тебя таким примитивным вещам, скоро мы будем писать действительно необходимые в инете скрипты. А для этого нам надо познакомится с событиями. Что наша жизнь без них? Только события позволяют написать реальную прогу.

Что я понимаю под событиями в JS? Это реакция на какие-нибудь действия пользователя. Например, по щелчку мышки в определённой области мы можем выводить какое-нибудь окно. В этом случае мы обрабатываем сообщение "On Click". Срезу держи пример:

<Form>
<Input type="Button" value="Надави на меня"
onClick="alert('Лучше нажал бы себе на пупок:)')">
</Form>

Нажми на эту кнопку и ты увидишь результат:

Теперь разберём здесь всё происходящее. Здесь мы создаём новую форму <Form> для наглядности. Внутри формы мы создаём кнопку <Input type="Button" . Задаём заголовок кнопки с помощью value="Надави на меня" . И наконец указываем событие onClick="" . Внутри кавычек мы пишем непосредственно JS код. Команда alert выводит диалоговое окно с сообщением на экран. Текст сообщения указывается в скобках в качестве единственного параметра для команды alert.

Сразу небольшое отступление. Почему я в одном месте для JS использую одинарные кавычки, а в другом двойные. Очень просто. В конструкции document.write("Привет из JavaScript!!!") можно использовать любые кавычки. А вот команда alert в моём примере уже заключена в двойные кавычки, поэтому внутри команды я использую одинарные, чтобы браузер мог определить где, и какие кавычки используются. Расмотрим сразу пример. Нам нужно вывести на экран текст: Нажми кнопку "Yes" чтобы получить результат 1. Внутри текста используются двойные кавычки, поэтому нам нужно заключить весь текст в одинарные:

<SCRIPT language="JavaScript">
document.write('Нажми кнопку "Yes" чтобы получить результат 1');
</SCRIPT>

Если внутри текста используются одинарные кавычки, то заключать весь текст желательно в двойные.

<SCRIPT language="JavaScript">
document.write("Нажми кнопку 'Yes' чтобы получить результат 1");
</SCRIPT>

Если в тексте нет кавычек, то не имеет значение, какие использовать для оформления текста.

Ещё одно замечание: здесь мы использовали JavaScript прямо внутри HTML текста onClick="alert('Лучше нажал бы себе на пупок:)')" без использования специального тега <SCRIPT>. Такое тоже возможно и это удобно, когда нам надо выполнить только одну операцию. Но когда их несколько, то удобнее использовать <SCRIPT> тег.

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

Функция оформляется как

<SCRIPT language="JavaScript">
function MyFunc(){
Текст функции
}

А это вызов функции:
MyFunc();

</SCRIPT>

В этом примере я определил свою функцию MyFunc и могу спокойно её использовать. Всё что находится между скобками { и } считается операторами функции и выполняются при её вызове. Если ты работал с языком С++ или Java, то наверно уже нашёл сходство и оно действительно есть.

Теперь перепишем пример с вызовом диалогового окна при нажатии кнопки:

<SCRIPT language="JavaScript">
function MyFunc(){
alert('Лучше нажал бы себе на пупок');
}
</SCRIPT>

<Form>
<Input type="Button" value="Надави на меня"
onClick="MyFunc()">
</Form>

И сразу доказательство того, что он работает так же:

На этот раз мы вынесли JavaScript код в отдельную функцию заключённую тегами <SCRIPT> и </SCRIPT>.

Основное, с чем нам придётся работать в JavaScript - это будут формы и их объекты. Сейчас мы должны определиться, как к ним можно обращаться и работать с ними.

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

Допустим у нас есть всё та же форма и два поля для ввода информации о имени и о e-mail:

<Form name="MyForm">
<Input type="text" name="Text1">
<Input type="text" name="Text2">
</Form>

Чтобы получть доступ к строке ввода Text1 нужно использовать конструкцию:

document.Имя Формы.Имя Объекта.Параметр

То есть если мы хотим изменить текст в объекте Text1 нам нужно написать document.MyForm.Text1.value. И сразу пример:

<Form name="MyForm">
<P><Input type="text" name="Text1">
<P><Input type="text" name="Text2">
<P><Input type="Button" value="Надави на меня"
onClick="document.MyForm.Text1.value='Привет!!!'">
</Form>

В примере снова используется встроенный в HTML JavaScript и обрати внимание на кавычки.

Рабочий пример ты увидешь здесь

Вся работа с объектами в JavaScript делится на три части: работа с окнами (window - здесь хранится инфа о всём окне), документом (document - содержимое окна, т.е. HTML страница с которой мы сегодня и работаем) и расположением (location - место расположения). С окном и документом мы будем знакомится постепенно, потому что их за пять минут не объяснишь, а вот location мы разберём за пять сек.

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

Вот пример, который по нажатию кнопки может загрузить в окно новую страницу:

<Form name="MyForm">
<Input type="Button" value="VR-online"
onClick="location.href='http://www.cydsoft.com/vr-online';">
</Form>

А вот и рабочая кнопка, по нажатию которой ты улетишь на http://www.cydsoft.com/vr-online, то есть на мою заглавную страницу:

Ну да ладно, пока хватит. Мы и так изучили достаточно много.

Категория: Java Script | Добавил: my-wapAdmin (22.09.2008)
Просмотров: 1345 | Комментарии: 5 | Рейтинг: 5.0/1 |
Всего комментариев: 5
5 biplism  
0
купим под склад комплектующие


ICQ 177-211-010
tel: +38 (063) 407-15-54
Руслан

Male & Female Connectors



82707

4 radiopomoshnik  
0
Поиск

ICQ 177-211-010
tel: +38 (066) 239-82-50
Руслан

СШР36П15ЭШ5 или НШ5 вил., роз.
СШР48П20ЭШ2 вил., роз.
СШР48П26ЭШ3 или НШ3 вил., роз
СШР55П30ЭШ1 или НШ1 вил., роз
Переключатели:
Д-701
Д-703
Д-713
В-45М 35А, 27В
2ПН-20
ППН-45
ПН-45М2
2ППН-45
ЗППНТК
Авиационные предохранители:
ПМ-2, 5, 10, 15, 30, 40, 50, 75, 100, 150
Автоматы защиты:
АЗР-60, 125, 150
АЗС-5, 10, 15, 30, 40
Лампы:
СМ28-0,05
СМ28-2
СМ6,3-1,4
ГУ-78Б
ГУ-81М
ГУ-84Б
Движки:
РД-09 1,75 об.мин.
РД-09 2,5 об.мин.;
РД-09 4,4 об.мин.;
РД-09 8,7 об/мин
СД-54 (разные)
ДШИ200-3-1
ДШИ200-3-2
ДШИ200-3-3
ДГМ-0,1А, Б, Д
ДГМ-0,4Н
ДПР42-Н1-02
ДПР42-Н1-03
ДПР62-Н1-02
ДПР72-Н1-02
ДПМ20-Н1-08Т
ДПМ-35Н1-01
ДПМ-35Н1-02
Диоды:
2д201а,б,
2д203а,б,в,г,д,
кд203а,д,
2д210а,б,в,г,
кд210а,г,
д214, д215,
д231, д232,
д234, д242,
д243, д245,
д246, д247, д248

3 components  
0
Предлагаем эл.двигатели

Доставка по Украине и в Москву на Митинский радиорынок.

С хранения

Электродвигатели асинхронные:
УАД-12, УАД-32, УАД-34, УАД-52, УАД-54, УАД-62, УАД-72, УАД-74, АДП-123, АДП-125, АДП-127, АДП-262,
АДП-263, АДП-362, АДП-363, АДП-1123, АДП-1121, АДП-1262, АДП-1263, АДП-1362, АДП-1363, АДП-1563,
ДАТ 75-6, ДАТ 75-10, ДАТ 75-25, ДАТ 75-16, ДАТ 75-40, АВ-041, АВ-042, АВ-052, АВЕ-041, АВЕ-042,
АВЕ-052, АВЕ-072, КД-25, КД-60, КД-120 и др.

Фото по запросу
Полный перечень склада вышлю по запросу.
Также рассмотрим вариант закупки у вас данных двигателей


ICQ 427-616-956 tel:+38 (066) 239-82-50
Руслан

2 pymnrelp  
0
Недорого купим остатки комплектующих (неликвиды)



ICQ 586-179-503
tel: +38 (063) 407-15-54
Наталья

1 pymnrelp  
0
Комплектующие со склада:
В упаковках
Доставка по Украине и в Москву на Митинский радиорынок.

Полный перечень склада вышлю по запросу.

ICQ 586-179-503
tel:+38 (063) 407-15-54
Наталья



Поставляем со склада и под заказ комплектующие с хранения. Доставка в Москву на радиорынок.
Разные ЭРЭ со склада
2С411Б Стабилитрон 92г 2166 шт.
АОД101Б Оптрон 90,92 гг. 4455 шт.
Варистор СН2-1А-120в+10% 2900 шт.
Д237В Диод 2700 шт.
Д310 Диод 43386 шт.
К155ТЛ2 микросхема Гамма 11631 шт.
К42У-2 1мкФ, 160В +-10% 1529 шт.
КТ3101Б транзистор 1994г 9900 шт.
КТ315А транзистор 6779 шт.
КУ101А тиристор 2098 шт.

и многое другое…

Имя *:
Email *:
Код *:
 
 
Категории каталога
Java Script [2]
Java Script.
PHP [1]
PHP

Форма входа

Мини-чат

Наш опрос
Оцените мой сайт
Всего ответов: 13

Поиск

Друзья сайта

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
 

Copyright MyCorp © 2024