
Lesley Fowler
0
4251
184
JavaScript je programski jezik za web. Podržava ga većina web preglednika, uključujući Chrome, Firefox, Safari, Internet Explorer, Edge, Opera, itd. Većina mobilnih preglednika za pametne telefone podržava i JavaScript.
Koristi se prvenstveno za unapređenje web stranica kako bi se osiguralo više korisno iskustvo. To uključuje dinamičko ažuriranje web stranica, poboljšanja korisničkog sučelja poput izbornika i dijaloških okvira, animacije, 2D i 3D grafike, interaktivne karte, video playere i još mnogo toga. Ovim se načinom upotrebe Javascript u web pregledniku naziva i klijent na strani klijenta.
Triada web stranice
Kada razmotrite komponente koje čine web stranicu, JavaScript formira treću komponentu trijade, a HTML i CSS su dvije druge. HTML opisuje stranicu, uključujući tekst, grafiku itd. CSS se koristi za kontrolu i prilagođavanje izgleda web stranice, uključujući boje, fontove itd. JavaScript se koristi za dodavanje dinamičke komponente na web stranicu i izradu većine elementi na stranici programabilni.
Povijest JavaScripta
Razvoj JavaScripta započeo je 1995. godine kod tvrtke Netscape Communications, proizvođača preglednika Netscape. Shvatili su da dodavanjem a “ljepilo jezik” poboljšanje internetskog korisničkog iskustva povećalo bi korisničko znanje. Tako su doveli Brendana Eicha da ugrade programski jezik Scheme. Međutim, budući da je Java u to vrijeme bila vrući novi jezik na webu, odlučili su jezik približiti sintaksi Javi. Rezultat je bio JavaScript, sa značajkama sheme, objektne orijentacije SmallTalk i sintaksa Jave. Prva verzija ovog jezika zapravo je nazvana Mocha u svibnju 1995., preimenovana je u LiveScript u rujnu 1995., a ponovno je preimenovana u JavaScript u prosincu 1995. godine.
1996. godine JavaScript je dostavljen ECMA International na doradu kao standardna specifikacija. U lipnju 1997. objavljena je prva službena specifikacija jezika kao ECMA-262. Najnovija inačica jezika je ECMAScript 2017 koja je objavljena u lipnju 2017. godine.
Što mogu učiniti s JavaScript-om?
JavaScript je potpuno tumač za programski jezik ugrađen u vaš web preglednik. U JavaScriptu možete učiniti sve što redoviti jezik poput Jave dopušta. To uključuje:
- Deklariranje varijabli
- Pohranite i dohvatite vrijednosti
- Definirajte i pozovite funkcije
- Odredite vlastite časove
- Učitajte i koristite vanjske module
- Pišite dostavljače koji odgovaraju na korisničke i druge događaje
- I mnogo više
Web preglednik učitava web stranicu, analizira HTML i iz sadržaja stvara ono što je poznato kao dokumentni model dokumenta (DOM). DOM prikazuje vaš web kod uživo prikaz web stranice. Tada vaš kôd može ažurirati DOM i odmah ga predstaviti korisniku. Preglednik vam također omogućuje da registrirate svoj kôd kako biste bili obaviješteni o događajima korisničkog sučelja, poput kretanja mišem, klika gumba itd. Koristeći sve ove sadržaje možete izraditi malo cool (i ne tako malo) aplikacija koje služe bilo kojoj svrsi koju odaberete.
Upozorenje: Budući da je JavaScript tako moćan jezik JavaScript i web razvoj: Upotreba modela objekta dokumenta Documents JavaScript i Web Development: Korištenje modela objekta dokumenta Dokument će vas upoznati sa kostrom dokumenta s kojim JavaScript radi. Posjedujući znanje ovog apstraktnog modela objekta dokumenta, možete napisati JavaScript koji radi na bilo kojoj web stranici. Također je moguće pisati zlonamjerni softver, viruse, otmice preglednika i druge ustanove kako bi ih nanijeli korisnicima. Oni se kreću od krađe kolačića, lozinki, kreditnih kartica preglednika do preuzimanja virusa na vaše računalo.
Kako funkcionira JavaScript?
Kad web preglednik učita web stranicu, HTML rastavljač započinje raščlanjivanje HTML koda i stvaranje DOM-a. Kad god se parser susretne sa CSS ili JavaScript direktivom (ugrađen ili eksterno učitan), po potrebi se predaje CSS parseru ili JavaScript motoru. JavaScript motor učitava vanjske JavaScript datoteke i umetnuti kod, ali ne pokreće ga odmah. Čeka da se dovrši analiza i HTML i CSS. Nakon što se to učini, JavaScript se izvršava redoslijedom kojim su pronađene na web stranici: definirane su varijable i funkcije, pozivi funkcija se izvršavaju, aktiviraju se obrađivači događaja itd. Ove aktivnosti rezultiraju tako da DOM ažurira JavaScript i preglednik je odmah vraćen.
Učitavanje JavaScript-a na web stranici
Najčešći način učitavanja JavaScripta na web stranici je uporaba skripta HTML oznaka. Ovisno o vašim zahtjevima, možete koristiti jednu od sljedećih metoda.
- Umetnite vanjsku JavaScript datoteku na web stranicu na sljedeći način:
- Kompletni URL možete odrediti ako je javascript iz druge domene s web stranice, kako slijedi:
- JavaScript se može izravno ugraditi u HTML. Sljedeće uzrokuje da web stranica otvori okvir za upozorenje nakon što se učita.
upozorenje ("Stranica je učitana");
Osim ovih metoda, postoje i načini dinamičkog umetanja JavaScripta na zahtjev. U stvari, postoje čitavi okviri posvećeni učitavanju i pokretanju JavaScript modula s odgovarajućim ovisnostima koje se rješavaju u vrijeme izvođenja. Rasprava o tim tehnikama mora se prebaciti na napredni članak.
Neki primjeri isječaka JavaScript koda
Evo nekoliko jednostavnih uzoraka JavaScript koda za ilustraciju koliko je jednostavne upotrebe na vašoj web stranici.
- Sljedeće odabire sve odvažan elemenata u dokumentu i postavlja boju prvog u crvenu.
var elems = document.getElementsByTagName ('b'); elems [0] .style.color = 'crveni';
- Želite promijeniti sliku u img označiti? Sljedeće povezuje alat za obradu događaja za klik događaj gumba.
Promjena slike
- Ažurirajte tekstualni sadržaj stavka (p) element? Postavi innerHTML svojstvo elementa kao što je prikazano:
Pozdrav svijete
Klikni me
Ovi uzorci koda nude samo kratak uvid u ono što možete učiniti pomoću JavaScripta na svojoj web stranici. Dosta je tutorijala Freebie: Naučite se kodirati s 27 sati video tutorijala Freebie: Naučite se kodirati s 27 sati video tutoriala The Ultimate Coding Pack, koji uključuje pet video tečajeva i 27 sati vrhunske nastave trenutno je BESPLATNO. na webu da biste započeli. Pokušajte danas!
Završavati
Nadamo se da je ovaj uvod donio neke uvide u JavaScript i ojačao vaš apetit za web programiranjem općenito i JavaScript posebno..
Kako koristite (ili planirate koristiti) JavaScript na svojoj web stranici? Javite nam u komentarima u nastavku.
Kreditna slika: info@crashmedia.fi/Depositphotos