Internetis on miljoneid veebilehti, mida majutatakse saitidel, millel on erinevad eesmärgid. Mõned neist on atraktiivsed ja teised mitte.

JavaScripti kasutavad need, mis näevad head välja, on hõlpsasti kasutatavad ja piisavalt interaktiivsed, et hoida teid pikka aega kaasas. Milleks see mõeldud on? Uurime välja.

See on mitme paradigma keel, mis tähendab, et see toetab objektorienteeritud, funktsionaalset ja kohustuslikku programmeerimist. Kuigi selle nimi viitab Javale, on selle süntaks tuletatud C-keelest.

Enamik veebilehti on ehitatud HTML-koodi vormingus. See on väga lihtne keel, mis võimaldab lisada veebilehele erinevaid elemente, mis muudavad selle atraktiivseks ja parandavad selle loetavust. HTML-kood võimaldab teil kasutada veebilehtede puhul tekstisiseseid pilte, värve ja põhianimatsioone, parandades seeläbi nende välimust. CSS-i (Cascading Style Sheets) kasutamine tagab suurema paindlikkuse ning vähendab üldist koodihulka ja veebilehtede keerukust. See muudab lehe sisu esitamise erinevates seadmetes (nt mobiiltelefonid, tahvelarvutid ja lauaarvutid) lihtsamaks. JavaScripti kasutatakse peamiselt interaktiivsete elementide lisamiseks veebilehtedele, muutes need kasutajasõbralikumaks ja atraktiivsemaks. Vaatame, mida see suudab ja kuidas seda kasutatakse.

Mis on JavaScript?

See on programmeerimiskeel, mida tavaliselt täidetakse kliendi poolel. Seda kasutatakse kasutaja suhtlemiseks. Seda kasutatakse ka mängude, laua- ja mobiilirakenduste arendamisel, pdf-dokumentide ja töölauavidinate loomisel. Veebibrauseritel on selle keele jaoks sisseehitatud tugi.

Näide 1

Esimene näide on üsna lihtne ja seda kasutatakse tavaliselt menüüpunktides. Kui liigutate kursorit konkreetse lingi või menüünupu kohal, muudab see värvi. Seda kasutaja toimingutel põhinevat värvimuutust saab kasutada erinevate visuaalsete efektide jaoks ja parandada ka veebilehe välimust. Allolevas näites hõljutage kursorit oma valitud nupu kohal ja vaadake, kuidas see värvi muudab.

Punane Roheline Sinine funktsioon color(el, color) ( el.style.color = "#FFFFFF"; el.style.backgroundColor = color; ) function uncolor(el) ( el.style.color = "#000000"; el. style.backgroundColor = "#E6E6E6" ;

Näide 2

See on suurepärane näide sündmusest. Midagi sarnast olen näinud mitmel veebilehel. Kui vajutate nuppu, ilmub ekraanile teade. See võib teile öelda, mida edasi teha või midagi kasulikku. Allolevas näites kuvatakse nupul klõpsamisel lihtne teade.

Nupp

Kuigi JavaScripti kasutatakse laialdaselt, ei tohiks kasutaja sellest täielikult sõltuda. Sellel on teatud turvaprobleemid, kuna igaüks saab koodi dubleerida. Erinevad brauserid tõlgendavad seda vastavalt oma renderdusmootoritele erinevalt, mis võib põhjustada ebakõlasid kuvaril. Vaatamata sellistele probleemidele on JavaScript aga väga populaarne ja laialdaselt kasutatav kogu Internetis.

HTML seab saidile teatud piirangud ja nende ületamiseks tuleb hüperteksti märgistuskeelest veidi kaugemale minna. HTML-i on vaja peamiselt veebilehel teksti ja graafika korrastamiseks, erinevate failide omavaheliseks linkimiseks. Ja ta tuleb nende ülesannetega suurepäraselt toime. Kui soovite, et teie veebisaidi lehed praktiliselt ei erineks tavalistest paberil tehtud joonistest, siis piisab hüperteksti märgistuskeelest, see tähendab HTML-ist.

Kui soovite luua midagi erilist, ainulaadset, mis tõstaks teie saidi esile ja tõmbaks kasutajate tähelepanu, peaksite pöörduma Java Scripti programmeerimiskeele poole.

Näiteks Java Scripti abil saab saidil rakendada järgmist:

Lisage saidile otsingufunktsioon. See pakub kasutajatele tohutut kasu, kuna ei pea nad vajaliku teabe leidmiseks igal veebilehel käsitsi navigeerima.

Kaitske saidi teatud ala parooliga. See piirab juurdepääsu teabele, mida ei soovitata avalikult kuvada.

Andke kasutajatele võimalus suhelda. Selleks on palju võimalusi: lihtsatest teadetetahvlitest kuni täisfunktsionaalsete vestlusteni.

Lisage oma saidile ajamõõtmise tööriistu, nagu kell või kalender. Tavaliselt meeldib see kasutajatele.

Lisage saidile mänge ja mõistatusi. Uskuge mind, see on parim viis panna külastajad lõõgastuma ja end koduselt tundma.

Pakkuge linke pidevalt uuendatavale teabele. Kindlasti pakuvad saidi külastajad huvi uudiste, valuutakursside, ilmateadete jms vastu.

Miks Java Script? Programmeerimiskeeled PHP ja MySQL loodi arvuti töö hõlbustamiseks.

Töötlemine toimub kasutaja veebibrauseris, seega pole serveril mingit koormust. Teiste programmeerijate kirjutatud skriptide lisamiseks pole vaja palju intelligentsust. Seda saab hõlpsasti teha lihtne veebisaidi arendaja.

Tavaliselt pole programmi koodi vaja muuta. Parimal juhul peate failinime siin-seal muutma või mõnesse loendisse URL-e lisama.

Lühidalt Java Scripti toimimisest

Java Scriptiga töötamisel tuleb veebilehe koodile lisada kaks komponenti: skript ise ja protseduur, mis seda käivitab.

Tavaliselt sisaldavad skriptiga kaasasolevad juhised kogu vajalikku teavet skripti käivitamise protseduuri kohta.

Skripti põhiosa paigutatakse konteinerimärgendisse, nagu allolevas koodiskeletis, mis määrab funktsiooni, olenemata sellest.

/*
See on koht, kus kommentaar tavaliselt asub.
*/
funktsioon mis iganes ()
{
Ja selles kohas programmi kood ise.
}

Skripti paigutamine sildi asemel on lubatud, kuid see võib olla riskantne. Veebibrauser peab tõlkima programmeerija kirjutatud Java Scripti koodi masinkoodiks.

Märgiskripti töötleb brauser enne märgendi elemente. See tähendab, et skript defineeritakse ja on käivitamiseks valmis enne, kui veebibrauseri aknas midagi kuvatakse.

Kui skript asub sildi sees, võib tekkida olukord, kus kasutaja pääseb skriptile juurde enne selle defineerimist. Sel juhul skript lihtsalt ei tööta. Seetõttu on parem järgida tavalist järjestust.

Samuti peaks lehele olema lisatud mingi protseduur, mis skripti käivitab. Tavaliselt leidub seda elemendi sees.

Skripti saab käivitada mitmel viisil, kuid arendaja ei pea tingimata neid kõiki teadma. Igal Internetist võetud ja HTML-koodiks tõlgitud skriptil on oma käivitusprotseduur.

Näited.

1. Skript aktiveeritakse pärast seda, kui hiirekursor klõpsab mis tahes liideseelemendil, kui kasutaja viib hiirekursori selle kohale. Selleks kasutatakse atribuuti onClick.
Seega kasutatakse järgmises lõigus elemendi A jaoks atribuuti onClick:
Mis tahes funktsiooni käivitamiseks klõpsake siin.

Kuid üldiselt on atribuut onClick ainulaadne ja seda saab kasutada peaaegu iga elemendi jaoks.

2. Või saab skripti käivitada pärast veebilehe brauseriaknasse laadimist.
Skripti aktiveerimiseks pärast veebilehe laadimist kasutage elemendi onload atribuuti, nagu järgmises näites.

Muid atribuute on tohutult palju. Näiteks atribuut onMouseOver, mida kasutatakse skripti käivitamiseks pärast seda, kui kasutaja viib hiirekursori mõne liideseelemendi kohale. Või atribuut onMouseOut – kui kasutaja eemaldab hiirekursori.

Java Script ja jQuery Muide, Java Scripti valdamine on jQuery teegi tulekuga muutunud veelgi lihtsamaks.

jQuery funktsioonid lahendavad palju praktilisi ja pakilisemaid probleeme. Isegi keeruka skripti loomine muutub kasutamisel lihtsaks.

Ja veebisaidi jaoks avab jQuery kasutamine tohutu loendi pluginatest, mida saab ühendada mis tahes ressursiga, peaasi, et kasutatakse Java Scripti. jQuery pistikprogrammide abil saate neid mõne koodireaga rakendada

• ilusad ja keerulised menüüd,
• pildigaleriid,
• erinevaid lehehaldusfunktsioone.

Kui teie sait on tehtud CMS-is, saate seal rakendada ka oma skripte. Lihtsa CMS-i ja Java Scripti kombinatsioon võimaldab luua väga ilusaid, hõlpsasti rakendatavaid ja toetatavaid ning ka kergeid lahendusi väikeste projektide jaoks.

Java Scripti ja jQuery abil saate muuta isegi kõige lihtsama visiitkaartide veebisaidi säravaks ja täisväärtuslikuks ressursiks, mis on ettevõtte suurepärane esindaja Interneti tohutul avarustel.

Varem ma ei arvanud, et Internet võib pakkuda nii ulatuslikke võimalusi minu äri arendamiseks, kuid aeg läks ja lõpuks avastasin selle võimalusterohke maailma. Internet annab võimaluse müüa oma tooteid, väga erinevaid. Iga päevaga kasvab veebi kasutajate arv ja samal ajal kasvavad meie võimalused.

Kunagi ei saanud ma paljudest teenimisskeemidest aru, kuid täna võin täiesti kindlalt öelda, et iga globaalses võrgustikus tegutseva ettevõtte aluseks on veebisait. Pealegi mitte ainult sait, vaid õige sait. Lisaks mõjutavad saidi kasumlikkust paljud tegurid. Esimene asi, millega veebisaidi külastaja kokku puutub, on liides.

Uskuge mind, saidi atraktiivne olek määrab, kas tavakasutaja jääb sellele tööle või mitte. Muidugi, kui inimene on teie saiti pikka aega lugenud, siis ta andestab teile mitmesugused vead, mida saate saidi funktsionaalsuses teha. Kuid esimest korda mängib liides võtmerolli kliendile teie veebisaidi meeldivaks muutmisel. Nagu nad ütlevad: "Neid tervitavad nende riided, nad lasevad eemale nende mõistusest."

Kuid selleks, et teha oma saidile originaalseid ja meeldejäävaid riideid, peate teadma, milleks javascript on mõeldud. Tegelikult on ilma JavaScriptita võimatu luua ilusat ja funktsionaalset veebisaiti. Lisaks pole vaja saiti tonnide viisi koodiga risustada. Piisab vaid paari rea lisamisest ning mitmesugused nupud ja menüüelemendid “elustuvad” ja muutuvad atraktiivsemaks. Muide, JavaScripti skript võimaldab teil oma portfellis olevaid pilte sirvida. Lisaks saate andmete kuvamisel lehe funktsionaalsust veelgi suurendada. Siin on vaja ka JavaScripti

Võib-olla võivad paljud arvata, et see töötab näiteks heal CMS-il ja sellise ajaveebi haldamiseks pole JavaScripti teadmisi üldse vaja. Internetist võib leida palju erinevaid mooduleid ja pluginaid, millega saab oluliselt parandada funktsionaalsust, lisada lahedaid efekte jne. Siiski ei tasu unustada, et veebitehnoloogiad ei seisa paigal, kõik muutub pidevalt. Seetõttu tasub uute JavaScripti teekide tekkimist pidevalt jälgida, sest võimalik, et tänased paketid võimaldavad realiseerida seda, mis alles eile tundus vaid unistus. Sellepärast peavad nad saidi värskendamisest rääkides silmas ka JavaScripti kasutamist.

Nüüd JavaScripti õppimiseks. Millegipärast usuvad paljud, et selle programmeerimiskeele õppimine on saadaval vaid vähestele väljavalitutele. Kuid tegelikkuses see nii ei ole. Veebiprogrammeerijad töötavad pidevalt, et luua uusi JavaScripti elemente, mis oluliselt lihtsustavad selle süntaksit ja kasutamist. Lisaks saate oma saidi lehtedel kasutada JavaScripti koodi, kui teate, kuidas kasutada vastavaid juhendeid. Sellega tulevad appi imelised videokursused, mille abil saab JavaScripti lühikese ajaga selgeks ka täielik võhik.

Tahaksin avaldada teabetoe eest tänu Jevgeni Popovile, mitmete veebisaitide loomist käsitlevate videokursuste autorile. Sealhulgas videokursus “Javascript + jQuery algajatele videovormingus”

JavaScript on programmeerimiskeele eritüüp, mis põhineb brauseri objektide esitustel. See on vajalik, et pakkuda saidile tavapäraste staatiliste HTML-dokumentidega võrreldes suuremat interaktiivsust. Näiteks on kasutajaliideses võimalus rakendada muutuvaid pilte, tekstisisust roomavat rida ja palju muud! Sellepärast on oluline teada, kuidas lubada JavaScript Firefoxis ja teistes brauserites.

JavaScript erineb selle poolest, et tarkvaraarenduste tekst on manustatud HTML-dokumentidesse ja brauserite endi poolt sõelutud. JavaScript on keel veebilehtede skriptide programmeerimiseks.

JavaScripti ja Java erinevuste tüübid

Teades termini JavaScript tähistust, ajavad paljud kasutajad seda tüüpi terminid valimatult segamini teise mõistega - Java. Kuigi keeled on oma nimede tõttu sarnased, on neil erinevat tüüpi tähendused. Peamised erinevused on raskustes ja edasijõudnute võimaluste arvus. Enne kui õpite oma brauseris JavaScripti lubama, peate mõistma selle omadusi.

"JavaScripti" juurutamine on Javaga võrreldes vabam. Näiteks andmetüüpide teisendamine toimub kõige lihtsamal viisil. Samuti ei pea programmeerija koostama tarkvaraarenduse algkoodi JavaScripti keeles ehk teisisõnu on tegemist tõlgendatud keeletüübiga.

Kuidas see JavaScriptis ja Javas juhtub? JavaScriptis töötleb programm ridade järel, teavitades vigadest pärast iga loetud rida, kui neid on. Javas kuvab kompilaator seda tüüpi teavet pärast tarkvara kujunduse täieliku teksti lugemist.

Enne JavaScripti lubamist pidage meeles, et see ei ole mõeldud Java programmeerimiskeele asendamiseks. Parim on kasutada esimest tüüpi keelt teise täiendusena.

Miks on JavaScripti vaja?

JavaScripti toega on võimalik luua dünaamilisi HTML-i dokumenditüüpe. HTML-lehtede staatilised vaated on minevik. "JavaScript" ühendab kõik rakenduste ehitusplokid üheks tervikuks. Teisisõnu, see toimib sihtasutuse loojana, kontrollides HTML-vormivälju, kuni need serverisse esitatakse. JavaScripti lubamine Firefoxis ja teistes brauserites on nende võrgus korrektseks töötamiseks hädavajalik.

Selle programmeerimiskeele tarkvaraarenduste juhtelemendid läbivad sideandmete kohalikke sisendeid. Kasutajatel on võimalus erinevates akendes jälgida JavaScripti toega kuvatavate hoiatusteadete tüüpe.

Mis on JavaScripti viga ja kuidas JavaScripti käivitada

Alustame sellest, et JavaScript võimaldab igale veebilehele lisada erinevaid interaktiivseid teenuseid, lisada turvaliselt hääletusi (küsitlusi) jms sisu ilma asjatu lehe uuesti laadimise ohuta. Sellistel juhtudel aitavad skriptitüübid oluliselt säästa kasutajaliiklust, võimaldavad joonistada kvaliteetset graafikat, luua piltidega galeriitüüpe ja täita palju muid kasulikke funktsioone. Kuid teatud tüüpi skriptide käitamiseks peate need esmalt aktiveerima.

Järgmisena peate meeles pidama võrgukasutajate tavalisi probleeme. Viimasel ajal on sagenenud olukorrad, kus inimene, olles külastanud tema lehte sotsiaalvõrgustikus, leiab akende ülaosast veateateid: “JavaScripti viga”, “JavaScript pole lubatud”, “JavaScript peab olema saidi korrektseks toimimiseks lubatud”. Sellistel juhtudel on kasutajatel probleeme sotsiaalvõrgustikku fotode ja videote üleslaadimisega.

JavaScripti lubamine Firefoxis

Tegelikult on skriptide käitamise meetod väga lihtne, see nõuab vaid mõnda põhietappi, mida saavad teha ka kõige kogenematumad kasutajad. Samm-sammulised juhised on järgmised.

• Kõigepealt peate käivitama oma isikliku Mozilla Firefoxi brauseri;
• pärast seda avage brauseri valikud, seejärel klõpsake tutvustusrea kõrval kolme paralleelse rea kujul vastavat nuppu;
• nüüd on teie ees avanenud tohutu paljude vahelehtedega aken; seda, mida vajate, nimetatakse "Sisuks", klõpsake sellel;
• siis on veelgi lihtsam: leidke rida "Kasuta JavaScripti" ja märkige selle kõrval olev ruut;
• Klõpsake "OK" ja taaskäivitage isiklik brauser.

Siinkohal võib Firefoxis JavaScripti lubamise juhiseid lugeda täielikuks.

JavaScripti keelamine

Seega, kui JavaScripti kasutamine pole enam vajalik, saate seda tüüpi funktsiooni keelata samal viisil, nagu ülalpool kirjutatud. Selleks avage ka "Seaded" - "Sisu", tühjendage ruut "Kasuta JavaScripti". Valmis!

Lisaks, kui teie Mozilla Firefoxi brauser on uuendatud uusimale versioonile, siis oleks hea kontrollida, kas seaded pole pärast uuendusi kadunud, kuna mõnikord seda juhtub. Samuti väärib märkimist, et peaaegu igat tüüpi sotsiaalvõrgustikud kasutavad interaktiivseid vorme, seetõttu pole ilma kaasatud skriptideta võimalik lehti täielikult vaadata.

Sõnumid, märguanded ja arutelud võivad muutuda kättesaamatuks. Mõnikord esineb tõrkeid ja kui teatud tüüpi sotsiaalvõrgustike jaotised muutuvad ootamatult kättesaamatuks, kuid samal ajal aktiveeritakse brauseri skriptide tüübid, proovige need välja lülitada ja seejärel uuesti sisse lülitada. Võib-olla lahendab see meetod probleemi. Kui ei, siis on alati võimalus suvandid standardile lähtestada. Kuidas lubada JavaScripti Internet Exploreris ja teistes brauserites? Samamoodi.