რა შეუძლია Javascript- ს. რა არის JavaScript და რისთვის არის ის გამოყენებული

HTML აწესებს გარკვეულ შეზღუდვებს საიტისთვის და მათი გადასალახად აუცილებელია ჰიპერტექსტის ნიშნის ენის ოდნავ გასვლა. HTML საჭიროა ძირითადად ვებ – გვერდზე ტექსტისა და გრაფიკის ორგანიზებისთვის, სხვადასხვა ფაილების ერთმანეთთან დასაკავშირებლად. და ის შესანიშნავად ასრულებს ამ ამოცანებს. თუ გსურთ თქვენი საიტის გვერდები პრაქტიკულად არ განსხვავდებოდეს ჩვეულებრივი ნახატებისგან ქაღალდზე, მაშინ ჰიპერტექსტის ნიშნის ენა, ანუ HTML საკმაოდ საკმარისი იქნება.

თუ გსურთ შექმნათ რაიმე განსაკუთრებული, უნიკალური, რომელიც თქვენს საიტზე გამოირჩევა და მომხმარებლების ყურადღებას მიიპყრობს, მაშინ უნდა მიმართოთ Java Script პროგრამირების ენას.

მაგალითად, Java Script- ის გამოყენებით, თქვენს საიტზე შეგიძლიათ დანერგოთ შემდეგი:

1. დაამატეთ საიტზე ძიების ფუნქცია. ეს მომხმარებლებს უზარმაზარ სარგებელს მიანიჭებს ყველა ვებგვერდის ხელით გადახვევის საჭიროების აღმოფხვრას მათთვის სასურველი ინფორმაციის მოძიების მიზნით.
2. პაროლით იცავს საიტის კონკრეტულ ადგილს. ეს შეზღუდავს ინფორმაციის ხელმისაწვდომობას, რომელიც არ არის რეკომენდებული საზოგადოების ჩვენებისთვის.
3. მომხმარებლებს კომუნიკაციის შესაძლებლობა მიანიჭეთ. ამის გაკეთების მრავალი გზა არსებობს, მარტივი შეტყობინებების დაფებიდან, სრულფასოვანი ჩათ ოთახებით დამთავრებული.
4. დაამატეთ საიტზე ქრონომეტრიული ხელსაწყოები, როგორიცაა საათი ან კალენდარი. ჩვეულებრივ, მომხმარებლებს ეს მოსწონთ.
5. დაამატეთ თამაშები და თავსატეხები საიტზე. მერწმუნეთ, ეს საუკეთესო გზაა თქვენი სტუმრებისთვის, როგორც საკუთარ სახლში და დასვენებაში.
6. გააკეთეთ ბმულები მუდმივად განახლებულ ინფორმაციაზე. საიტის სტუმრები, რა თქმა უნდა, დაინტერესდებიან ახალი ამბებით, გაცვლითი კურსით, ამინდის პროგნოზით და ა.შ.

რატომ Java Script?

პროგრამირების ენები PHP და MySQL შეიქმნა კომპიუტერზე მუშაობის გასაადვილებლად.

დამუშავება ხდება მომხმარებლის ვებ ბრაუზერში, ამიტომ სერვერზე არ იტვირთება. სხვა პროგრამისტების მიერ დაწერილი სკრიპტების დასამატებლად, თქვენ არ გჭირდებათ დიდი ინტელექტი. ვებსაიტის მარტივ შემქმნელს ამის გაკეთება მარტივად შეუძლია.

როგორც წესი, პროგრამის კოდექსში არანაირი ცვლილება არ არის საჭირო. საუკეთესო შემთხვევაში, ზოგან თქვენ უნდა შეცვალოთ ფაილის სახელი ან დაამატოთ URL- ები ზოგიერთ სიაში.

როგორ მუშაობს ჯავას სკრიპტი მოკლედ

Java Script- თან მუშაობისას, ვებ – გვერდის კოდს უნდა დაამატოთ ორი კომპონენტი: თვით სკრიპტი და პროცედურა, რომელიც მას გაუშვებს.

ჩვეულებრივ, სკრიპტის თანდართული ინსტრუქცია შეიცავს ყველა საჭირო ინფორმაციას სკრიპტის გაშვების პროცედურის შესახებ.

სკრიპტის კორპუსი მოთავსებულია კონტეინერის ტეგში როგორც კოდის ჩონჩხში, სადაც ზოგიერთი ფუნქციონირებს რასაც განსაზღვრავს.

დასაშვებია სკრიპტის განთავსება თეგის შიგნით მაგრამ არა ამასთან, ეს შეიძლება იყოს სარისკო. ვებ-ბრაუზერმა უნდა თარგმნოს პროგრამისტის მიერ დაწერილი Java Script კოდი მანქანულ კოდად.

საკვანძო სკრიპტი დამუშავებულია ბრაუზერის მიერ თეგის ელემენტებამდე ... ეს ნიშნავს, რომ სკრიპტი განისაზღვრება და მზად იქნება გასაშვებად, სანამ რაიმე რამ გამოჩნდება ვებ-ბრაუზერის ფანჯარაში.

თუ სკრიპტი მდებარეობს თეგის შიგნით , შეიძლება შეიქმნას სიტუაცია, რომ მომხმარებელი მიმართავს სკრიპტს მის განსაზღვრამდე. ამ შემთხვევაში, სცენარი უბრალოდ არ იმუშავებს. ამიტომ, უმჯობესია დავრჩეთ ჩვეულ თანმიმდევრობას.

გვერდს უნდა დაემატოს პროცედურა, რომელიც აწარმოებს სკრიპტს. იგი ჩვეულებრივ გვხვდება ელემენტის შიგნით .

სკრიპტის გაშვება შესაძლებელია სხვადასხვა გზით, მაგრამ დეველოპერს არ სჭირდება ყველა მათგანის ცოდნა. თითოეული სკრიპტი ინტერნეტიდან აღებული და HTML კოდში თარგმნილი გულისხმობს მის დაწყების პროცედურას.

მაგალითები.

1. სკრიპტი გააქტიურებულია ინტერფეისის ნებისმიერ ელემენტზე მაუსის დაჭერის შემდეგ, როდესაც მომხმარებელი მასზე გადაფურცლავს. ამისათვის გამოიყენება onClick ატრიბუტი.
შემდეგ ფრაგმენტში, onClick ატრიბუტი გამოიყენება A ელემენტისთვის:
დააჭირეთ აქ ნებისმიერი ფუნქციის სანახავად.

ზოგადად, onClick ატრიბუტი უნიკალურია და მისი გამოყენება შესაძლებელია თითქმის ნებისმიერ ელემენტზე.

2. ან, სკრიპტის მოქმედება შეიძლება ვებ – გვერდის ბრაუზერის ფანჯარაში ჩატვირთვის შემდეგ.
ელემენტის ატვირთვის ატრიბუტი გამოიყენება სკრიპტის გასააქტიურებლად ვებ-გვერდის ჩატვირთვის შემდეგ. როგორც შემდეგ მაგალითში.

უამრავი სხვა ატრიბუტია. მაგალითად, onMouseOver ატრიბუტი, რომელიც გამოიყენება სკრიპტის გასაშვებად, მას შემდეგ რაც მომხმარებელი გადაფურცლავს ინტერფეისის ზოგიერთ ელემენტს. ან onMouseOut ატრიბუტი - როდესაც მომხმარებელი მაუსის კურსორი გადაადგილდება.

Java Script და jQuery

სხვათა შორის, jQuery ბიბლიოთეკის გაჩენისთანავე Java Script- ის დაუფლება კიდევ უფრო გამარტივდა.

JQuery ფუნქციები წყვეტს უამრავ პრაქტიკულ და აქტუალურ საკითხს. რთული სკრიპტებიც კი მარტივია.

ხოლო ვებსაიტისთვის, jQuery– ს გამოყენებით იხსნება დანამატების უზარმაზარი სია, რომელთა დაკავშირება ნებისმიერ რესურსთან არის შესაძლებელი, მთავარია, რომ გამოიყენოთ Java Script. JQuery დანამატების გამოყენებით, შეგიძლიათ განახორციელოთ რამდენიმე ხაზის კოდით

• ლამაზი და რთული მენიუები,
• სურათების გალერეები,
• გვერდის მართვის სხვადასხვა ფუნქციები.

თუ თქვენი საიტი შექმნილია CMS- ით, მაშინ ასევე შეგიძლიათ იქ ჩაწეროთ თქვენი საკუთარი სკრიპტები. მარტივი CMS და Java Script- ის კომბინაცია საშუალებას გაძლევთ შექმნათ ძალიან ლამაზი, მარტივი განსახორციელებელი და შენარჩუნებული და ასევე მსუბუქი გადაწყვეტილებები მცირე პროექტებისთვის.

Java Script- ისა და jQuery- ის გამოყენებით, თქვენ შეგიძლიათ უვიზო სავიზიტო ბარათების საიტიც კი გადააკეთოთ ნათელ და სრულყოფილ რესურსად, რომელიც თქვენი კომპანიის შესანიშნავი წარმომადგენელი იქნება ინტერნეტის ფართო მასშტაბებში.

ამ სტატიაში ჩვენ გეტყვით რას წარმოადგენს JavaScript (Java Script), მოიყვანეთ მაგალითები, ავუხსნათ, თუ რატომ არის ეს საჭირო html კოდში. ჩვენ ვუპასუხებთ ვებდიზაინერების პოპულარულ კითხვებს.

1. რა არის JavaScript მარტივი სიტყვებით

JavaScript (რუსულად "Java Script", შემოკლებით "JS") არის HTML გვერდებში ჩასმული პროგრამირების ენა, მომხმარებელთან კომუნიკაციის, შეცდომების დამუშავების და მთლიანობაში დინამიური გვერდის შესაქმნელად.

JavaScript არის ობიექტზე ორიენტირებული და ინტერპრეტირებული ენა. ეს არის სისტემის დამოუკიდებელი (მუშაობს ნებისმიერ პლატფორმაზე). JS კოდს ხშირად სკრიპტებს უწოდებენ. შეგვიძლია ვთქვათ, რომ ეს ენა "მწვავდება" მხოლოდ ვებ – პროგრამირებისთვის.

ენის სინტაქსი ჰგავს C- ს და Java- ს, სემანტიკურად, ეს ენა უფრო ახლოს არის Self- თან, Smalltalk- თან.

2. JavaScript– ით გადაჭრილი ამოცანები

• Html ფორმის ველების ვალიდაცია (ტეგ
  ) სანამ ისინი არ გაიგზავნება სერვერზე
• ინფორმაციული გამაფრთხილებელი შეტყობინებები
• ეფექტები გვერდის ძირითადი ელემენტების და ნაწილების გამოკვეთისთვის
• ჩამოსაშლელი მენიუები
• მათემატიკის გათვლები

ჩვეულებრივ, სლაიდერები მზადდება JavaScript– ის გამოყენებით. ასევე შეგიძლიათ აჩვენოთ შინაარსი AJAX გამომავალი საშუალებით, ეს საშუალებას გაძლევთ დამალოთ საიტის გვერდის ზედმეტი ან დუბლირებული ელემენტები html- კოდიდან. დამწყებთათვის აზრი არ აქვს ამ კოდების შესწავლას ისინი საკმაოდ რთულია.

3. როგორ ჩართოთ JavaScript მხარდაჭერა ბრაუზერში

ყველა ბრაუზერი მხარს უჭერს JavaScript- ს. ნაგულისხმევად Java Script უკვე ჩართული უნდა იყოს ბრაუზერებში, თუ არა, მაშინ ქვემოთ მოცემულია ინსტრუქციები სხვადასხვა ბრაუზერებისათვის JS ჩართვისთვის.

1. ჩართეთ JavaScript Firefox– ში 2. ჩართეთ JavaScript Google Chrome- ში

"მოირგეთ და მართეთ Google Chrome" -\u003e "ოფციები" -\u003e "დამატებითი ფუნქციები" -\u003e "პირადი ინფორმაცია (შინაარსის პარამეტრები)" -\u003e "JavaScript:" ყველა საიტს მიეცით საშუალება გამოიყენონ JavaScript (გირჩევთ) ან თავიდან აიცილოთ JavaScript ყველა საიტზე

3. ჩართეთ JavaScript ოპერაში

დააჭირეთ ღილაკს F12, აირჩიეთ "JavaScript- ის ჩართვა"

4. ჩართეთ JavaScript Internet Explorer– ში

"მომსახურება" -\u003e "ინტერნეტის პარამეტრები" -\u003e "უსაფრთხოების" ჩანართი -\u003e აირჩიეთ "ინტერნეტის" ზონა -\u003e "სხვა" ღილაკი -\u003e "სკრიპტები" -\u003e "სკრიპტების დაშვება"

4. მაგალითი: როგორ ჩავსვათ JavaScript html გვერდზე

JavaScript კოდი ჯდება გვერდის html კოდში. მისი ხაზგასასმელად გამოიყენეთ სპეციალური ტეგები

Атрибут type="text/javascript" указывать не обязательно, но желательно.

Использовать <script> შეგიძლიათ სათაურის ტეგებში , და მხოლოდ გვერდზე .

აკრძალულია html ტეგების დაწერა სკრიპტის გახსნისა და დახურვის ტეგებს შორის. ეს ადგილი მხოლოდ JavaScript კოდისთვის არის.

იმისათვის, რომ თითოეულ გვერდზე არ გაიმეოროთ იგივე JavaScript, იგი ჩვეულებრივ იდება ცალკე ფაილში ".js" გაფართოებით. ამ ფაილის დაკავშირება შესაძლებელია html გვერდზე ნებისმიერ ადგილას.

4.1. Пример 1. Всплывающие сообщение Hello, World

Ниже представлен пример html код, который при загрузке страницы выводит всплывающее сообщение "Hello, World".

Пример с Alert. Будет выведено всплывающие сообщение

Нажмите на ссылку:

Перейти по ссылке? ");">Ссылка

4.2. Пример 2. Альтернатива с обработкой javascript

Ниже представлен пример html кода с обработкой кода JavaScript с помощью идентификатора id.

Нажмите на ссылку :

Ссылка

4.3. Пример 3. Смена цвета объекта при наведении курсора

При наведении курсора мышки на определенные области, они изменяют цвет. Делается это через JavaScript. Например

Код этого примера:

RED

GREEN

BLUE

Это лишь самые элементарные вещи на JavaScript. Его возможности довольно большие. Не даром в литературных магазинах по этому языку можно найти отдельные книги.

Если вы еще не знакомы с понятием Javascript, то об этом .

В этой заметке хотелось рассказать о том, для чего Javascript нужен и что с его помощью можно делать.

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

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

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

Итак, давайте рассмотрим ряд примеров, которые демонстрируют те возможности, которые можно получить при использовании Javascript. Я условно отсортировал их на несколько групп, чтобы у вас появилось определенное понимание, что делает Javascript и зачем он нужен.

1) Математические операции

На веб-страницах очень часто возникает необходимость произвести те или иные вычисления.

Например, есть два текстовых поля и нужно в третьем текстовом поле вывести сумму двух чисел, которые введены в первые два.

С помощью Javascript можно создать калькулятор и разместить его на веб-странице.

Вот здесь есть пример такого калькулятора:

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

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

2) Обработка и валидация данных в HTML-формах

Javascript позволяет проверять, что все требуемые поля заполнены и данные, которые в них находятся соответствуют нужному формату (например, если требуются цифры, то должны быть только цифры и не должно быть букв).

Делает это Javascript без перезагрузки страницы и даже без подключения к Интернет.

Прежде чем отправлять данные на сервер, они проходят предварительную проверку на Javascript. Это снижает нагрузку на сервер.

3) Взаимодействия с пользователем и события

На веб-странице могут появляться различные эффекты, в зависимости от того, какие действия совершает пользователь.

Выпадающее меню на сайте при наведении курсора мыши.

При клике на кнопку скрыть или показать какой-то элемент на странице.

Появления всплывающего окна, когда курсор мыши ушел за пределы окна браузера.

Затемнение заднего фона и эффекты плавного появления элемента реализуются на Javascript.

4) Взаимодействовать с HTML-элементами на странице и управлять их содержимым и стилями.

При наступлении определенного события (например, клик мыши или любого другого) можно изменять внешний вид (стили CSS) элементов на странице.

Делается это все программно.

Еще можно добавлять какие-нибудь HTML-теги или атрибуты к ним, также при наступлении определенного события.

5) Добавление анимации и различных графических эффектов на веб-страницы.

Падающие и двигающиеся объекты. Например, снег на сайт.

Плавное появление и скрытие объектов

Таймер обратного отсчета

И др. эффекты реализуются на Javascript

Я перечислил здесь лишь небольшой список возможностей Javascript. Чтобы вы могли посмотреть все наглядно и на реальных примерах, привожу здесь список сайтов, на которых опубликованы действующие примеры на языке javascript:

Возможности и сфера применения Javascript на самом деле очень обширные. Все будет ограничиваться только вашей фантазией и творчеством.

Брендан Айк
Создатель языка JavaScript

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

Язык JavaScript — это клиентский язык web-программирования, который был создан в 1995 году, разработчиком Бренданом Айком.

JavaScript обычно применяется для манипулирования объектами в различных приложениях, но наибольшую популярность он приобрел как один из основных языков применяемых при создании сайтов (и как единственный клиентский язык web-программирования).

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

Интерпретатор языка JavaScript, является частью веб-браузера, когда веб браузер открывает страницу сайта, браузер создаёт объектную модель документов (DOM), интерпретатор JavaScript получает доступ к DOM и благодаря этому, вебмастера создавая различные скрипты (web-приложения) могут управлять и манипулировать объектами страницы (всеми тегами: абзацами, заголовками, таблицами, формами и т.д.).

JavaScript также как и языки HTML и CSS, принадлежит всему человечеству, им не владеет ни одна компания или персона. Однако само слово — «JavaScript» , принадлежит компании Oracle Corporation и чтобы не иметь проблем с авторскими правами, ученые разрабатывающие данный язык в научных документах называют его ECMAscript .

История JavaScript

В 1995 году компания Netscape, дала задание программисту Брендану Айку создать язык web-программирования, который можно было бы встраивать в HTML-документ и для работы с которым не нужен был web-server.

Вместе с Бренданом Айком в проекте участвовали и другие программисты:
Марк Андерссен (создал первый в мире браузер — Mosaic ),
Билл Джой работник компании Sun (данная компания в 2010 году была куплена корпорацией Oracle ).

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

Изначально язык JavaScript имел имя LiveScript, но ради популяризации языка (и в маркетинговых целях) его назвали JavaScript, что вызвало немало замешательств среди начинающих вебмастеров ибо языки Java и JavaScript абсолютно разные по отношению друг к другу (они лишь немного схожи синтаксически). Кстати сам язык Java принадлежит компании Sun.

Чтобы еще больше популяризировать язык JavaScript, его сделали открытым, общедоступным, а потом стандартизировали. Сам стандарт носит название ECMA-262, а имя языка JavaScript, в стандарте записывается как ECMAScript.

В 1996 г. компания Microsoft, на основе этого стандарта разработала свой язык сценариев и назвала его JScript.

Первые браузеры начали поддерживать JavaScript уже в 1996 году, это были: Netscape 2.0 и Internet Explorer 3.0

Характеристики языка JavaScript

Сценарный — при созданий программ, их ненужно компилировать (как например в языках Си, Си++, Паскаль или Бэйсик), просто создаёте скрипт-программу в текстовом редакторе, а интерпретатор JavaScript (который уже встроен в веб-браузер), потом этот скрипт обрабатывает и выполняет.

Клиентский — интерпретатор скриптов находится не на web-сервере (как например у серверных языков — PHP или Perl) , а в веб-браузере, поэтому для создания и выполнения скриптов JavaScript, устанавливать веб-сервер не нужно, необходимы лишь текстовый редактор (например Блокнот или популярный нынче Sublime Text 3) и веб-браузер (например FireFox, Opera, IE или Chrome и т.д.) .

Прототипно-ориентированный — JavaScript поддерживает создание и наследование объектов, однако классы в нём отсутствуют.

Раньше я не думал, что интернет может давать такие обширные возможности для развития своего дела, но прошло время и я, наконец, открыл для себя этот мир, полный возможностей. Интернет предоставляет возможность реализовывать свои товары, причем, самые разнообразные. Каждый день число пользователей всемирной паутины растет, а вместе с тем растут и наши возможности.

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

Поверьте, от того, насколько сайт будет привлекателен, будет зависеть, останется ли на нем случайный пользователь, или нет. Конечно, если человек уже давно читает ваш сайт, то он простит вам разные ляпы, которые вы можете допустить в функционале сайта. Но в первый раз интерфейс будет играть ключевую роль в том, чтобы клиенту понравился ваш сайт. Как говорится, «встречают по одежки, провожают по уму».

Но для того, чтобы сделать оригинальную и запоминающуюся одежку для вашего сайта, потребуется узнать, для чего нужен javascript . Фактически, без JavaScript невозможно реализовать красивый, функциональный сайт. Причем, не нужно будет загромождать сайт тоннами кода. Достаточно будет добавить всего пару строчек, и разные кнопки и пункты меню «оживут», станут более привлекательными. Кстати, скрипт на JavaScript даст возможность прокручивать картинки в портфолио. Помимо этого можно дополнительно увеличить функциональность страницы при выводе данных. Здесь тоже нужен javascript

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

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

Выражаю благодарность за информационную поддержку Евгению Попову – автору ряда видеокурсов по сайтостроению. В том числе и видеокурса «Javascript + jQuery для начинающих в видеоформате