JavaScript ilə nə edə bilərsiniz? Javascript nə üçündür və nə edir? Nümunələr Javascript nümunələri ilə nə etmək olar




Müxtəlif veb-resurslara daxil olan istifadəçilər tez-tez maraqlı qeyri-standart həllərlə qarşılaşırlar və öz saytlarında da eyni şeyi etmək istəyirlər. Çox vaxt belə həllər JavaScript-in istifadəsini nəzərdə tutur.

Bu yazıda mən sizə JavaScript, interaktiv veb səhifələr yaratmaq üçün nəzərdə tutulmuş skript dili və JS ilə nə edə biləcəyiniz haqqında məlumat verəcəyəm. Biz JavaScript-dən istifadə nümunələrinə baxacağıq və bunun bizə necə kömək edə biləcəyini görəcəyik.

JavaScript istifadə edərək nə edə bilərsiniz?

Səhifəni redaktə edin, üzərinə mətn yazın, teqlər əlavə edin və silin, element üslublarını dəyişdirin.

Hadisələrə reaksiya verin: skript nəyinsə baş verməsini gözləyə bilər (siçanın üzərinə klikləyin/siçanın üzərinə sürüşdürün, səhifə yüklənməsini bitirir) və funksiyanı yerinə yetirməklə cavab verə bilər.
Məsələn, siçanınızı bir keçid və ya şəklin üzərinə gətirdiyiniz zaman alət ipucunu göstərə bilərsiniz. Siçanı klikləməklə, blokun məzmununu dəyişə bilərsiniz. Səhifə yükləndikdə, reklam pop-up pəncərəsini göstərin. Günün vaxtından asılı olaraq səhifənin görünüşünü dəyişə bilərsiniz.

JavaScript. Sürətli başlanğıc

Serverə sorğuları yerinə yetirin və səhifəni yenidən yükləmədən məlumatları yükləyin.
Məsələn, əgər istifadəçi vebsaytda və ya qonaq kitabında şərh yazıbsa, o zaman bu şərh səhifəni yenidən yükləmədən dərhal görünəcək. Siz həmçinin faylları serverə yükləyə və endirmə gedişatını faizlə göstərə bilərsiniz.

Kukiləri quraşdırın və oxuyun, məlumatları təsdiqləyin, mesajları göstərin və s.
Məsələn, bir sayta ilk dəfə daxil olanda istifadəçiyə pop-up pəncərəsi göstərilir və kuki qurulur. Və bu resursa sonrakı ziyarətlərdə açılan pəncərə görünmür, çünki kukilər artıq quraşdırılıb.
Siz həmçinin daxil edilmiş e-poçtun düzgünlüyünü yoxlaya, daxil edilmiş telefon nömrəsinin tələb olunan formata uyğunluğunu yoxlaya və dərhal daxil edilmiş məlumatların düzgün və ya səhv olması barədə mesajı göstərə bilərsiniz.

JavaScript Nümunələri

JavaScript-dən istifadə o qədər geniş və rəngarəngdir ki, minlərlə istifadə nümunəsi vermək olar və yenə də siyahı tam olmayacaq, çünki hər gün yeni skriptlər yazılır. Əminəm ki, müxtəlif saytlarda aşağıda göstərilən bir çox nümunə ilə rastlaşmısınız. Və bütün bunlar JavaScript vasitəsilə həyata keçirilir.

Əlbəttə ki, nümunədə təqdim olunan qalereya tək deyil. Təsəvvür etmək mümkün olan hər şey kimi yüzlərlə oxşar qalereya var idi. Siyahını sonsuzluğa qədər şişirtməmək üçün ən populyar skript qruplarından bir nümunə verdim.

Bu bizə nə verir?

1. Rahat çoxsəviyyəli naviqasiya

JavaScript-dən istifadə çoxsəviyyəli menyuları və yan panellərdə çoxsəviyyəli naviqasiyanı yığcam etməyə imkan verir. Menyunun alt elementləri ya klikləməklə, ya da siçan üzərinə sürməklə açılır.

Bir çox onlayn mağazada yan paneldə açılan naviqasiya var. Nümunə olaraq shop.by-ni götürək. Təsəvvür edin ki, alt elementlər hoverdə və ya kliklədikdə düşməsələr, hamısı bir anda görünsəydilər, nə qədər uzanardı!

2. Qalereyalardan və sürüşmələrdən istifadə bizə fotoşəkilləri, əlavə məhsul növlərinin şəkillərini göstərmək, fotoqrafın portfelini rahat və yığcam şəkildə təşkil etmək imkanı verir.

JavaScript. Sürətli başlanğıc

Veb tətbiqini necə yaratmağın praktiki nümunəsi ilə JavaScript-in əsaslarını öyrənin.

Qalereyalar, müxtəlif növ malları göstərmək lazım olduqda, onlayn mağazalarda məhsulların ətraflı nəzərdən keçirilməsi üçün xüsusilə aktualdır. Onların köməyi ilə biz istifadəçiyə həm kiçik, həm də böyüdülmüş şəkilləri baxmaq üçün təmin edərək, kiçik blokda bütün şəkilləri bir anda göstərə bilərik.

Aşağıdakı şəkildə göstərilən qalereya üçün nə qədər yer lazımdır?

3. Son vaxtlar internet saytlarının yan sütunlarında çoxlu vidjetlər göstərilir. Bunlar məşhur sosial şəbəkələr, kateqoriyalar, yazı arxivləri, təqvimlər, ən son bloq şərhləri, populyar yazılar və daha çox şeylər üçün vidjetlərdir.

Qeyd etmək lazımdır ki, bir çox saytlarda bəzi vidjetlər sadəcə olaraq silinə bilər, çünki onların heç bir mənası yoxdur və yer tutur.

Bəs siz hələ də çoxlu vidjetləri kompakt şəkildə yerləşdirməlisinizsə nə etməli?

Bu, "tablar" ilə JavaScript həllinin xilasetmə üçün gəldiyi yerdir.

Onların köməyi ilə bütün vidjetləri saytın yan sütunlarına yaxşı yerləşdirə bilərsiniz. Daha yaxşı qavrayış üçün vidcetləri “tablar”da qruplaşdıra bilərsiniz.

Məsələn, sosial şəbəkə vidcetlərini bir "tabda", kateqoriyalar və arxivləri ikincidə yerləşdirə bilərsiniz və s. Bu, yerə qənaət edəcək və saytdan istifadəni daha rahat edəcək.

4. JavaScript-dən istifadə etməklə siz həmçinin saytınızın və ya müştərilərinizin saytlarının əlaqə səhifəsini əhəmiyyətli dərəcədə təkmilləşdirə bilərsiniz.

alət ipuçlarını forma sahələrinə yerləşdirmək;

forma sahələrinə daxil edilmiş məlumatları yoxlamaq və səhv mesajlarını göstərmək;

səhifəni yenidən yükləmədən forma məlumatlarını təqdim etmək;

marşrutu olan bir xəritə qoyun.

5. Saytda cədvəl məlumatları yerləşdirənlər üçün cədvəldə verilənlərin çeşidlənməsindən istifadə etmək çox faydalı olacaq.

6. Saytda istənilən statistikanı qrafik və diaqram şəklində yerləşdirənlər JavaScript-də interaktiv diaqram və qrafiklər yaratmaq imkanını çox faydalı tapacaqlar.

Həmçinin, JavaScript-dən istifadə edərək saytda hər cür effektlər yarada bilərsiniz - məsələn, elementlərin hamar sürüşməsi, onların hərəkəti, tədricən görünüşü və yoxa çıxması və təsəvvürünüzün edə biləcəyi hər şey.

Bütün bunlar saytı ziyarətçilər üçün daha rahat, daha interaktiv və texnoloji cəhətdən daha təkmil edə bilər.

Nəticə

Gördüyünüz kimi JavaScript-in əhatə dairəsi çox genişdir. Bunlara qalereyalar, sürgülər, nişanlar, hər cür interaktiv elementlər, xəritələr, qrafiklər, formalarla işləmək və daha çox şey daxildir.

Düşünürəm ki, hər kəs JavaScript üçün faydalı istifadələr tapa bilər və ondan öz saytlarında və ya müştərilərinin saytlarında istifadə edə bilər.

Ümid edirəm məqaləni bəyəndiniz və ondan JS sayəsində həyata keçirilə biləcək yeni funksiyalar haqqında öyrəndiniz.

Veb saytlarınızda JavaScript istifadə edirsiniz? JavaScript istifadə edərkən əsas çətinlikləriniz hansılardır?

Məqalənin şərhlərində bu barədə bizə məlumat verin.

JavaScript. Sürətli başlanğıc

Veb tətbiqini necə yaratmağın praktiki nümunəsi ilə JavaScript-in əsaslarını öyrənin.

TL; DR Bu baxış məqaləsi. Bu, “əvvəlki epizodların xülasəsi” kimidir. Bu, yeni başlayanlar və ya sənayeni bu yaxınlarda izləməyənlər üçün faydalı olacaq. Yeni başlayanlar üçün bu, “JavaScript Kainatı”na ilk addım olacaq; təcrübəli olanlar öz biliklərini təzələyə biləcəklər.
JavaScript-in çox təəccüblü taleyi var. O, ən səhv başa düşülən dildən ən heyrətamiz dilə qədər olan yolu qət edib. Onun uşaqlığı çətin keçib:
Əvvəlcə Müəllif funksional bir dil yazmaq istəyirdi. Ancaq menecerlər "müntəzəm" obyekt yönümlü birini almaq istəyirdilər. Və yeni yaradılmış dil üçün tərtibatçıların tapılmasını asanlaşdırmaq üçün sintaksisi Java-ya bənzətmək qərarına gəldilər və hətta adı oxşar hala gətirdilər.
Amma hekayə bununla bitmir. Java, JavaScript Sun (və indi Oracle) şirkətinin ticarət nişanlarıdır. Microsoft JavaScript adından istifadə edə bilmədi (Netcape və Sun Microsoft-a qarşı dost idi). Nəticədə Microsoft JavaScript-i tərsinə çevirmək qərarına gəldi və onu JScript adlandırdı. Biz tərs mühəndislik etdik və bunu o qədər yaxşı etdik ki, hətta tətbiqdəki bütün səhvləri də aradan qaldırdıq. Daha sonra onlar standart yaratmağa qərar verdilər və onu ECMAScript adlandırdılar.

Pis hissələr Dilin demək olar ki, iki həftə ərzində yazılmasına görə (bu, çox azdır), onda bir sıra səhvlər var idi. Və sonra, dil çıxanda və Microsoft tərəfindən qoparılanda, bir şeyi dəyişdirmək üçün artıq çox gec idi. Bəzi ideyalar dil sintaksisinin götürüldüyü Java dilinin ağır mirasıdır.

Zəif yazma, icra xətaları, ağır irs, funksional dilin xüsusiyyətləri olan proqramlaşdırma dili yalnız bir hiss oyadır - “NECƏ?” BELƏ Kİ, NECƏ? . Daim yenilənən “mirvarilər” siyahısı.

JavaScript ilə işləyərkən ağlını itirməmək üçün zəif yazmanın necə işlədiyini, dəyişənlərin əhatə dairəsinin necə işlədiyini (qlobal dəyişənlər pisdir), bunun, prototipin və konstruktorların necə işlədiyini başa düşməlisiniz. jshint də dilin "pis hissələri"ndən qaçmağa kömək edəcək.

Bütün bu hekayə daha ətraflı şəkildə izah olunur ikinci mühazirə Duqlas Krokford. Baxmaq daha yaxşıdır bütün 8 epizod. Orada subtitrlər var ;).

Başa düşməli olan əsas şeylər (dilin funksional/asinxron təbiətinə görə) bunlardır: idarəetmə axını nədir və asinxron dillə işləyərkən o, necə kömək edir və səhvlərin idarə olunması necə işləyir (sınamaq/tutmaq həmişə kömək etmir).

Artıq hər kəs bu nəticəni özü çıxara bilər, amma mən bunu yüksək səslə söyləyəcəyəm və ucadan yazacağam: indi siz yalnız JavaScript-i (html və css sayılmır) bilməklə başdan sona veb proqram hazırlaya bilərsiniz.

Bir qaşıq tar
  • NodeJS hələ 1-ci versiyaya çatmayıb, hələ də bir sıra cavabsız suallar var. Yəni NodeJS-də söhbətin necə yazılması aydındır, bəs böyük və mürəkkəb layihələr haqqında nə demək olar?..
  • Normal dərsliklər yoxdur, çünki texnologiya fəal şəkildə inkişaf edir və onlar tez köhnəlir.
  • Modulların inkişafı kortəbii şəkildə baş verir. Bir çox modullar tərk edilmişdir. Github-a gedirsən və görürsən ki, son öhdəlik təxminən bir il əvvəl olub.
  • “Yetkin” çərçivələr yoxdur. “Gənc” perspektivli layihələr var. Ancaq rels səviyyəli çərçivələr yoxdur.

    Lirik təxribat

Çox güman ki, bu, zamanla yox olacaq "yeniyetmə sızanaqları"dır. Lakin bu hələ də aktualdır.Daha çox Front-end inkişafı Nəhayət, front-end inkişafı hər şeyin əl ilə edildiyi Daş dövründən yaranıb. Avtomatlaşdırma vasitələri (bu məqsədlər üçün xüsusi olaraq js-də yazılmış alət) və paket meneceri (bilirəm ki, bu, birinci menecer deyil, amma ümid edək ki, hamı bundan istifadə edəcək). Hamısı yeoman layihəsində bir araya gəlir. Yeoman haqqında danışsaq, qeyd etməyə kömək edə bilmərik: html5-boilerplate və MV* Ajax ilə birlikdə ilk “ağır” kitabxanalar/çərçivələr meydana çıxdı: ExtJS, YUI və s. Lakin onlar həcmli və əlverişsizdir. Digər tərəfdən, JQuery daha yüngül və tanışdır, lakin o, çərçivə deyil, kitabxana olduğu üçün kodun strukturlaşdırılması metodunu təklif etmir. Onurğa köməyə gəldi. Backbone-dan sonra çoxlu MV* çərçivələri meydana çıxdı. Onlar haqqında artıq danışılmışdır:, davamı və. Siz həmçinin todomvc-də mənbə kodunu oxumaqla çərçivələri “təcrübədə” müqayisə edə bilərsiniz.

Ancaq Meteor-un təklif edə biləcəyi başqa heç bir texnologiya təklif edə bilməz: serverdən müştəriyə kodun tam təkrar istifadəsi (və ya əksinə), həmçinin kiçik bir sehrli araba (məlumatların bağlanması, müştərinin isti yenidən yüklənməsi...).
Onun yeganə üstünlüyü həm də mənfi cəhətləridir. Müştəri və server kodu ayrı deyil. Meteor, müştərinin fərqli bir texnologiyadan istifadə edildiyi hallar üçün çox uyğun deyil. Məsələn, yerli mobil və ya masaüstü müştəri.
Yeri gəlmişkən, bu məsələni ən yaxın rəqibimiz Meteor derbisi həll edir. Onlar Express və daha az sehrdən istifadə etdikləri üçün ona REST API əlavə edə bilərlər.
Fikir verin, bu, klassik müştəri-şimal yanaşmasından uzaqlaşmaq üçün ilk cəhd deyil. Bundan əvvəl, məsələn, GWT var idi. Lakin bütün əvvəlki cəhdlər daha az təsirli idi və JavaScript deyildi.

Mobil JS nəinki mobil brauzerlərə çatdı və Flashdan xilas oldu, həm də yerli tətbiqlərin yerini iddia edir. Bu, sayəsində mümkün olmuşdur

Müasir İnterneti skriptlərsiz təsəvvür etmək mümkün deyil. JavaScript-də yazmağı öyrənmək.

Əgər İncil İnternet üçün yazılsaydı, o, belə başlayacaqdı:

Əvvəlcə poçt var idi. Mühəndislər bunun yaxşı olduğunu gördülər. Və onlar hiperlinklərlə WWW yaratdılar. Mühəndislər bunun da yaxşı olduğunu gördülər. Və sonra səhifələri canlandırmaq üçün JavaScript dilini yaratdılar.

Təxminən reallıqda belə olub. JavaScript"canlandırmaq" üçün icad edilmişdir HTML. Skriptlər JavaScript birbaşa mətnə ​​yazılır HTML və ya üslublar kimi ayrı-ayrı fayllarda saxlanılır CSS. Onlar səhifə brauzerə yükləndikdən dərhal sonra icra olunur.

Hətta dilin özü də əvvəlcə adlanırdı LiveScript. Sonra adı dəyişdirildi JavaScript, çünki onlar bir şəkildə onu ümumi təyinatlı Java dili ilə əlaqələndirməyi planlaşdırırdılar. Amma indi onların praktiki olaraq heç bir ortaqlığı yoxdur və JavaScript- öz aydın spesifikasiyası ECMAScript olan tamamilə müstəqil proqramlaşdırma dili.

Texniki cəhətdən JavaScript Oracle-ın ticarət nişanıdır və bu dil Microsoft-un JScript və ActionScript proqramları ilə birlikdə ECMAScript-in “uzantısı”dır, lakin bu, daha çox ticarət nişanı məsələsidir. Əsas odur ki, pulsuz ECMAScript heç kimə məxsus deyil.

Zamanla təsir dairəsi JavaScriptəhəmiyyətli dərəcədə genişlənmişdir. Ondan təkcə səhifədəki skriptlər üçün istifadə etməyə başladılar HTML, həm də ciddi böyük veb proqramları və brauzerdə işləyən bütün proqramlar üçün. Bu proqramları xüsusi şəkildə "paketləmək" və onları brauzerdən ayrıca işə salmaq üçün alətlər var. Bunlar "" və "" təlim kurslarında daha ətraflı müzakirə olunan tərtibçilər və tərcüməçilərdir.

JavaScript proqramları müvafiq tərcüməçiyə malik istənilən mühitdə işləyir.

Hələlik bizi yalnız brauzerlər və HTML səhifələri maraqlandırır.

Necə etmək JavaScript? Əsas skript yazmaq sadə bir ssenari yazmaqdan daha çətin deyil HTML- bir səhifə, çünki skriptlər JavaScript düz mətnlə yazılır, yəni hərfi mənada eyni Notepad-da yaradıla, sonra ayrı-ayrı fayllarda saxlanıla və ya gövdəyə yapışdırıla bilər. HTML-sənəd. Ən sadə şeylər JavaScript etmək həqiqətən asandır.

JavaScript necə yazılır

Məsələn, serverdə Windows skriptlərinin icrası üçün sadə skript hazırlayaq. Bu skript birbaşa Notepad-da yazıla və brauzer olmadan icra edilə bilər.

WScript. əks-səda(" Salam Skillbox!")

Bu mətni yazırıq "Notebook", sonra faylı adı altında saxlayın skillbox.js və içəri qaçın "Tədqiqatçı" Windows.

Bənzər bir skript birbaşa səhifə kodunda yazıla bilər HTML etiketlər arasında . Orada artıq adi JavaScript metodlarından istifadə edə bilərsiniz əks-səda konkret obyekt WScript. Brauzerdə məlumatların daxil edilməsi və çıxarılması üçün bəzi standart üsullara nəzər salaq.

alert()

Metod alert()"OK" düyməsi olan bir pəncərə göstərir. Pəncərədə mötərizədə göstərilən mesaj göstərilir. Misal üçün, "Salam, Skillbox!". Yəni, bu halda brauzer skript serverinin əvvəllər etdiyi işi tam olaraq yerinə yetirir Windows.

Bu nümunələr yalnız uzantılı fayllarda saxlanılan Notepad-da da yazıla bilər HTML. Misal üçün, skillbox.htm.



xəbərdarlıq (" Salam Skillbox")

Nəticə:

Arqument kimi alert() Siz yalnız konkret mətni deyil, həm də hər hansı hesablamaların və ya digər məlumatların işlənməsinin nəticəsini göstərə bilərsiniz. Misal üçün, xəbərdarlıq (x), burada x ayrıca hesablanır.

təsdiqləyin()

Metod təsdiqləyin() mesajla eyni pəncərəni göstərir, lakin iki düymə ilə - "OK" və "Ləğv et". İstifadəçinin hansı düyməni klikləməsindən asılı olaraq, metod ya qaytarır doğru, və ya yalan. Server bu qaytarma dəyərini istifadəçidən alır və cavabdan asılı olaraq bəzi hərəkətləri yerinə yetirir.

Sintaksis eynidir, yalnız burada seçim məntiqi olaraq qəbul edilir, ona görə də istifadəçiyə sual verilir.



təsdiq (" Salam Skillbox")

Nəticə:

prompt()

Metod prompt() istifadəçinin məlumat daxil etdiyi mesaj və mətn sahəsi olan bir dialoq qutusu göstərir. Həmçinin iki “OK” və “Ləğv et” düymələri var. Birinci düyməyə basıldıqda metod daxil edilmiş mətni serverə qaytarır, ikinci düyməyə basıldıqda isə Boolean dəyərini qaytarır. yalan.

Burada sintaksis belədir:

tez( mesaj, data_input_field_value)

Giriş sahəsinin dəyəri isteğe bağlıdır. Orada istifadəçinin rahatlığı üçün əvvəlcə sahəyə daxil edilmiş mətni daxil edə bilərsiniz.



istək(" Skillbox-a salam deyin", "Salam")

Nəticə:

Müasirin imkanları JavaScript formalar vasitəsilə ibtidai məlumatların daxil edilməsi və çıxarılmasından çox kənara çıxın. Biz bu üsulları yalnız ən sadə nümunələr kimi verdik. Bundan başqa, JavaScript istifadəçi hərəkətlərinə cavab verməyə imkan verir. Məsələn, siçan hərəkətlərində və ya müəyyən düymələrə basmaqla. JavaScript tez-tez asinxron əməliyyat təmin etmək üçün istifadə olunur ( Texnologiya AJAX) səhifədəki məlumat yenidən yüklənmədən yeniləndikdə. Bu rejimdə verilənlər serverə göndərilir və oradan interaktiv şəkildə yüklənir. Bundan başqa, JavaScript manipulyasiya edə bilir HTML-səhifədəki elementlər (teqlər yaratmaq və gizlətmək və s.) və daha çox şey.

Faydalı Alətlər Developer Konsolu

Bütün məşhur brauzerlərdə xüsusi bir inkişaf etdirici konsolu var. O, səhifədəki skript kodunu göstərir və digər faydalı məlumatları da göstərir. IN Chrome, Firefoxİ.E. developer konsolu isti düyməyə basaraq açılır F12, V Safari - Ctrl+Shift+I və ya Ctrl+Alt+C. Ekran görüntüsündə skriptlər veb səhifənin digər elementləri ilə birlikdə yuxarı sağda göstərilir.

Chrome Developer Konsolu.

Kod redaktorları

Gələcəkdə rahat proqramlaşdırma üçün bir kod redaktoru və ya quraşdırmalı olacaqsınız IDE (İnteqrasiya edilmiş İnkişaf Mühiti), inteqrasiya olunmuş inkişaf mühiti. IDE digər faydalı alətlərlə inteqrasiya olunmuş, əlavə modulların qoşulmasını dəstəkləyən və s. təkmil funksionallığı olan redaktordur.

İnternetdə müxtəlif məqsədlərə xidmət edən saytlarda yerləşdirilən milyonlarla veb səhifə var. Onların bəziləri cəlbedicidir, bəziləri isə yox.

Yaxşı görünən, istifadəsi asan və sizi uzun müddət məşğul saxlamaq üçün kifayət qədər interaktiv olanlar JavaScript istifadə edənlərdir. Bu nə üçündür? Gəlin öyrənək.

Bu, çox paradiqmalı dildir, yəni obyekt yönümlü, funksional və imperativ proqramlaşdırmanı dəstəkləyir. Adı Java dilinə gəlsə də, sintaksisi C dilindən götürülüb.

Əksər veb səhifələr HTML kod formatında qurulur. Bu, veb səhifəni cəlbedici edən və oxunuşunu yaxşılaşdıran müxtəlif elementlər əlavə etməyə imkan verən çox sadə bir dildir. HTML kodu veb səhifələr üçün daxili şəkillərdən, rənglərdən və əsas animasiyalardan istifadə etməyə və bununla da onların görünüşünü yaxşılaşdırmağa imkan verir. CSS-dən (Cascading Style Sheets) istifadə daha çox çeviklik təmin edir və kodun ümumi miqdarını və veb səhifələrin mürəkkəbliyini azaldır. Bu, mobil telefonlar, planşetlər və masaüstü kompüterlər kimi müxtəlif cihazlarda səhifə məzmununu təqdim etməyi asanlaşdırır. JavaScript ilk növbədə veb-səhifələrə interaktiv elementlər əlavə etmək üçün istifadə olunur ki, bu da onları daha istifadəçi dostu və cəlbedici edir. Onun nə edə biləcəyini və necə istifadə edildiyini görək.

JavaScript nədir?

Bu, adətən müştəri tərəfində icra edilən proqramlaşdırma dilidir. İstifadəçinin qarşılıqlı əlaqəsi üçün istifadə olunur. O, həmçinin oyunların, masaüstü və mobil proqramların hazırlanmasında, pdf sənədlərinin və iş masası vidjetlərinin yaradılmasında istifadə olunur. Veb brauzerlərdə bu dil üçün daxili dəstək var.

Misal 1

Birinci nümunə olduqca sadədir və adətən menyu elementlərində istifadə olunur. Siçanı müəyyən bir keçid və ya menyu düyməsinin üzərinə aparsanız, onun rəngi dəyişir. İstifadəçi hərəkətlərinə əsaslanan bu rəng dəyişikliyi müxtəlif vizual effektlər üçün istifadə oluna bilər və həmçinin veb səhifənin görünüşünü yaxşılaşdıra bilər. Aşağıdakı nümunədə seçdiyiniz düymənin üzərinə sürüşdürün və onun rəngini dəyişdiyinə baxın.

Qırmızı Yaşıl Mavi funksiya rəngi(el, rəng) ( el.style.color = "#FFFFFF"; el.style.backgroundColor = rəng; ) funksiyası rəngsiz(el) ( el.style.color = "#000000"; el. style.backgroundColor = "#E6E6E6"; )

Misal 2

Bu hadisənin mükəmməl nümunəsidir. Bir neçə internet səhifəsində buna bənzər bir şey görmüşəm. Düyməni basdığınız zaman ekranda bir mesaj görünür. Bundan sonra nə edəcəyinizi və ya faydalı bir şey söyləyə bilər. Aşağıdakı misalda düyməyə basıldıqda sadə bir mesaj göstərilir.

Düymə

JavaScript geniş istifadə olunsa da, istifadəçi ondan tam asılı olmamalıdır. Hər kəs kodu təkrarlaya biləcəyi üçün onun müəyyən təhlükəsizlik problemləri var. Fərqli brauzerlər onu göstərmə mühərriklərinə görə fərqli şəkildə şərh edirlər, bu da ekranda uyğunsuzluqlarla nəticələnə bilər. Bununla belə, bu kimi narahatlıqlara baxmayaraq, JavaScript çox populyardır və internetdə geniş istifadə olunur.