JavaScript для самых маленьких(начинаем шкодить)

Я вижу мой милый друг тебя заинтересовал этот язык программирования, а может тебя заинтересовал автор этой статьи :-) (ладно, ладно, че и польстить себе нельзя?).  В пред идущей статье я получил много критики в свой адрес от продвинутых хакеров, критика содержала характер типа: « А где примеры?» или « Че то у тебя тут одна теория» и т.д.. Во первых, ребят я че то не понял, а че продвинутые МегаКулХакеры читают статьи по программированию для самых маленьких? Да ладно, не обижайтесь, я же шучу :-) А во вторых, статья предназначена для тех кто не в теме и никогда не занимался программированием. Да, и вообще, если человек хочет учиться но у него нет никакой информационной базы, то такого рода статьи ему должны помочь. Ну, ладно хватит вступления, давайте перейдем к изучению.

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

И так, как вы помните из пред идущей статьи, язык JavaScript обрабатывается браузером, а браузер получает код с жесткого диска сервера, а загружает он обычный документ, с расширением html или js, смотря как сохранил скрипт программист.  А вот как создается такой файл и, что в нем находится мы рассмотрим прямо сейчас. 

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

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

1.      Пуск > Все программы > Стандартные > Блокнот

2.      Пуск > Выполнить > notepad (написать ручками)

После того как откроется блокнот пишем один из тегов языка HTML, без него никак не запустить JavaScript. Пишем вот что:

           

 

Между этих двух слов и будут находится скрипты языка JavaScript. Во всех трактатах о любом языке программирования для начинающих всегда начинают с вывода сообщения “hello world”, но мы же не программисты, мы хакеры по этому выберем другой текст, что то на подобии “Привет придурке!!! :-)”. Между этих двух слов пишем:

 

                        alert(' Привет придурке!!! :-)')

 

Эта функция alert() выводит маленькое окошко в браузере, которое содержит сообщение, которое расположено между одинарных кавычек.  В совокупности у нас должна получиться вот такая строчка:

 

script> alert(' Привет придурке!!! :-)')script>

 

Теперь нажимаем  комбинацию клавиш Ctrl+S или заходим вверху Блокнота, Файл > Сохранить > «Выберете  место куда хотите сохранить файл» > «А в поле имя файла напишите любое слово и после него поставить .html. Например: Файл.html». Теперь переходим в ту папку куда сохранили свой файл и открываем его двойным щелчком мыши. Что произойдет дальше, думаю описывать не нужно, надеюсь сами вы все сделали правильно и все будет заметно не вооруженным глазом.  А давайте теперь выведем текст прямо на страничку. Перед тем как это сделать введу вас в курс дела.  Язык  JavaScript является объектно – ориентированным, опять же как писалось ранее этот язык управляет объектами. По этому все что находит на страничке, это считается объектами. Но у объектов есть иерархия. Не чего сложного в ней нет, для примера давайте вернемся вновь к политологии и возьмем в пример государство. Государство это весь документ (файл.html), далее идут созданные объекты, Президент под ним Премьер  Министр, под ни находятся Губернаторы, под ними Меры, под мерами Директора а у деректоров есть свои свойства. Мы привыкли строить иерархию сверху вниз а в языке JavaScript это делается с лева на право. Если бы мы записывали эту иерархию в JavaScript то это выглядело бы следующим образом:

           

Государство.Президент.Примьер-Министр.Губернаторы.Меры.Директоры =Управление

 

После знака равенства ставится свойство объекта, свойство относится только к последнему объекту (Для тех кто в танке объясняю последний объект находится с права перед знаком равенства и после последней точки). В JavaScript главным объектом то есть «Государство», является объект document, а после него пишутся те объекты которые под ним находятся, но про эти объекты мы будем говорить не в этой статье. И так давайте узнаем новую функцию которая выводит текст прямо на страничке. Эта функция называется write(), но эта не такая независимая как alert(), она находится под объектом document. Думаю что вы уже поняли что записываться будет это следующим образом:

 

                        document.write()

 

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

 

                        'Тут пишем текст'

Или

                        "Тут пишем текс"

 

Думаю теперь понятно, что в функции это будет выглядит вот так:

 

                        document.write("Привет придурке! :-)")

 

Ну, а теперь замените это взамен alert и сохраните Ctrl+S  или Файл > Сохранить, перейти в открытый браузер и нажми клавишу F5. В левом верхнем углу вы должны увидеть ваш текст.

            Ну, на последок давайте разберемся с таким объектом как переменная. Кто знает хотя бы поверхностно математику, тот знает что такое переменная, кто не знает щас объясню. Переменная это такая штучка типа контейнера, которая может хранить в себе какую либо информацию а эта информация может постоянно изменяться в ней. Допустим у вас есть спичечный коробок со спичками. Коробок(это переменная) а спички(информация), вы зажгли и выкинули одну спичку и в коробке произошли изменения, уменьшилось количество на 1. Так же и в переменной все изменяется. В переменной можно хранить как какие либо цифровые значения так и обычный текст. Вот пример, давайте поместим этот текст «Привет просто! :-)» в переменную а текст в функции заменим на переменную. 

            В JavaScript переменные назначаются оператором var, он ставиться перед переменной. Синтаксис выглядит так:

                       

var     Название_переменной = Значение переменной; - точка с запятой ставится обязательно .

 

            И так, var мы пропускаем, «Название переменной» - название переменной может содержать латинские буквы, цифры и знак подчеркивания. Типа такого ya_peremennaya_1, вы можете писать любое удобное вам название мы назавем нашу первую переменную просто, peremennaya  :-). После знака равенства ставится значение в нашем случае это текст «Привет просто! :-)». И вот что у нас получается:

 

 

                        var  peremennaya = "Привет просто! :-)"

  

Помните да? Текст обязательно заключается в кавычки. Теперь заменяем в функции write весь текст на слово peremennaya, то есть должно получиться вот так:

 

                        document.write(peremennaya)

 

 Ну, теперь как обычно, сохраняем и нажимаем F5 в браузере и видим что текст изменился. Таким образом мы можем заполнять переменную чем угодно и использовать ее в разных функциях. В следующей статье мы разберем создание собственных функций. А теперь давайте прощаться, до новых встреч.