JavaScripti petmise leht

Altpoolt leiate Javascripti petmise lehe nii pdf-vormingus kui ka tekstina.

JavaScripti petmise leht

• Lae alla link

JavaScripti põhitõed

Alustame põhitõdedega – kuidas lisada veebisaiti JavaScripti.

JavaScripti lisamine HTML-lehele

JavaScripti lisamiseks lehele peate selle sisse mässima

Selle sisendi abil saab brauser koodi õigesti tuvastada ja käivitada.

Helistage välisele JavaScripti failile

Samuti saate JavaScripti oma faili panna ja HTML-ile nime panna. Nii saate hoida erinevat tüüpi koode üksteisest eraldi, luues paremini korraldatud faile. Kui teie kood asub failis nimega myscript.js, sa kutsuksid seda:

Sealhulgas kommentaarid

Kommentaarid on olulised, kuna need aitavad teistel inimestel mõista, mis teie koodis toimub, või tuletavad teile meelde, kui olete midagi ise unustanud. Pidage meeles, et need tuleb korralikult tähistada, nii et brauser ei ürita neid täita.

JavaScriptis on teil kaks erinevat võimalust:

• Üherealised kommentaarid - ühe reaga piiratud kommentaari lisamiseks eelnege sellele //
• Mitmerealised kommentaarid - Juhul kui soovite kirjutada pikemaid kommentaare mitme rea vahele, mähkige see sisse / * ja * / selle hukkamise vältimiseks

Muutujad JavaScriptis

Muutujad on iseseisvad väärtused, mida saate kasutada toimingute tegemiseks. Sa peaksid olema nendega tuttavad juba matemaatika klassist.

var, const, las

Muutuja deklareerimiseks JavaScriptis on teil kolm erinevat võimalust, millel kõigil on oma eripära:

• var - kõige tavalisem muutuja. Seda saab ümber määrata, kuid sellele pääseb juurde ainult funktsiooni piires. Muutujad, mis on määratletud klahviga var kui kood on täidetud, liikuge algusse.
• const - Ei saa ümber määrata ega pääseda juurde enne, kui need koodis kuvatakse.
• las - Sarnane const,  las muutujat saab ümber määrata, kuid mitte uuesti deklareerida.

Andmetüübid

Muutujad võivad sisaldada erinevat tüüpi väärtusi ja andmetüüpe. Sa kasutad = neile määrata:

• Numbrid - var vanus = 23
• Muutujad - var x
• Tekst (stringid) - var a = "init"
• Operatsioonid - var b = 1 + 2 + 3
• Õige või vale avaldus - var c = tõene
• Konstantsed numbrid - konstant PI = 3,14
• Objektid - var name = {eesnimi: "John", perekonnanimi: "Doe"}

Võimalusi on rohkem. Pange tähele, et muutujad on tõstutundlikud. See tähendab perekonnanimi ja perekonnanimi käsitletakse kahe erineva muutujana.

Objektid

Objektid on teatud tüüpi muutujad. Need on muutujad, millel võivad olla oma väärtused ja meetodid. Viimased on toimingud, mida saate objektidel teha.

var person = {
eesnimi: "John",
perekonnanimi: "Doe",
vanus: 20,
kodakondsus: "saksa"
};

Järgmine tase: massiivid

Järgmisena meie JavaScripti pettuste lehel on massiivid. Massiivid on osa paljudest erinevatest programmeerimiskeeltest. Need on viis muutujate ja omaduste rühmitamiseks. JavaScripti loomiseks tehke järgmist:

var puuvili = ["banaan", "õun", "pirn"];

Nüüd on teil massiiv nimega puuviljad mis sisaldab kolme üksust, mida saate edaspidisteks toiminguteks kasutada.

Massiivi meetodid

Kui olete massiivid loonud, saate nendega teha mõned asjad:

• concat () - Ühendage mitu massiivi üheks
• indeks() - Tagastab esimese positsiooni, kus antud element massiivis kuvatakse
• liitu () - Ühendage massiivi elemendid ühte stringi ja tagastage string
• lastIndexOf () - Annab viimase positsiooni, kus antud element massiivis kuvatakse
• pop () - Eemaldab massiivi viimase elemendi
• push () - lisage uue elemendi lõppu
• tagurpidi() - Sorteeri elemendid kahanevas järjekorras
• nihe () - Eemaldage massiivi esimene element
• viil () - tõmbab massiivi osa koopia uude massiivi
• sorteeri () - Sorteerib elemendid tähestikulises järjekorras
• splaiss () - lisab elemente kindlaksmääratud viisil ja positsioonis
• toString () - teisendab elemendid stringideks
• vahetuseta () —Lisa lisab algusesse uue elemendi
• valueOf () - Tagastab määratud objekti algväärtuse

Operaatorid

Muutujate olemasolul saate neid kasutada erinevat tüüpi toimingute tegemiseks. Selleks vajate operaatoreid.

Põhioperaatorid

• + - Lisamine
• - - lahutamine
• * - korrutamine
• / - Jaoskond
• (...) - Operaatorite grupeerimine, sulgudes olevad toimingud teostatakse varem kui väljaspool
• % - moodul (ülejäänud)
• ++ - Lisanumbrid
• -- - dekreetide numbrid

Võrdlusoperaatorid

• == - Võrdne
• === - võrdne väärtus ja sama tüüp
• != - Pole võrdne
• !== - mitte võrdne väärtus või mitte võrdne tüüp
• > - Suurem kui
• < - Vähem kui
• > = - suurem või võrdne
• <= - väiksem või võrdne
• ? - Ternaaroperaator

Loogilised operaatorid

• && - loogiline ja
• || - loogiline või
• ! - Loogiline mitte

Bitwise operaatorid

• & - JA avaldus
• | - VÕI avaldus
• ~ - MITTE
• ^ - XOR
• << - Vasak Shift
• >> - Parem vahetus
• >>> - null täitmine paremale

Funktsioonid

JavaScripti funktsioonid on koodiplokid, mis täidavad teatud ülesannet. Põhifunktsioon näeb välja selline:

funktsiooni nimi (parameeter1, parameeter2, parameeter3) {
// mida funktsioon teeb
}

Nagu näete, koosneb see järgmisest funktsiooni märksõna pluss nimi. Funktsiooni parameetrid on sulgudes ja funktsiooni toimel on sulud sulgudes. Saate luua oma, kuid oma elu lihtsustamiseks - seal on ka mitmeid vaikefunktsioone.

Andmete väljastamine

Funktsioonide levinud rakendus on andmete väljund. Väljundi jaoks on teil järgmised valikud:

• märguanne () - väljastage andmed brauseriaknas häirekasti
• kinnita () - Avab jah / ei dialoogi ja tagastab õige / vale olenevalt kasutaja klõpsamisest
• console.log () - kirjutab brauseri konsooli teavet, mis sobib silumiseks
• document.write () - Kirjutage otse HTML-dokumenti
• kiire () - loob dialoogi kasutaja sisestamiseks

Globaalsed funktsioonid

Globaalsed funktsioonid on funktsioonid, mis on sisse ehitatud igasse brauserisse, mis suudab JavaScripti käivitada.

• dekodeeriURI () - dekodeerib a Ühtne ressursi identifikaator (URI) loodud kodeeriURI vms
• decodeURICkomponent () - dekodeerib URI komponendi
• kodeeriURI () - kodeerib URI UTF-8-ks
• kodeeridaURICkomponent () - Sama, kuid URI komponentide puhul
• eval () - hindab stringina esitatud JavaScripti koodi
• isFinite () - määrab, kas möödunud väärtus on piiratud arv
• isNaN () - määrab, kas väärtus on NaN või mitte
• Arv () —- tagastab argumendist teisendatud arvu
• parseFloat () - Parsib argumendi ja tagastab ujukoma arvu
• parseInt () - Parsib oma argumendi ja tagastab täisarvu

JavaScripti silmused

Silmused on osa enamikust programmeerimiskeeltest. Need võimaldavad teil käivitada soovitud arv kordi koodiplokke erinevate väärtustega:

jaoks (enne silmust; silmuse tingimus; täitke pärast silmust) {
// mida teha silmuse ajal
}

Silmuste loomiseks on teil mitu parameetrit:

• jaoks - Kõige tavalisem viis silmuse loomiseks JavaScriptis
• samas - Seadistab tingimused, mille korral silmus käivitub
• tee samal ajal - sarnane samas silmus, kuid see täidab vähemalt ühe korra ja kontrollib lõpus, kas tingimus on täidetud, et uuesti käivitada
• murda —Kasutatakse tsüklite peatamiseks ja väljumiseks teatud tingimustel
• jätka - Kui teatud tingimused on täidetud, jäta tsükli osad vahele

Kui - Muu Avaldused

Seda tüüpi avaldusi on lihtne mõista. Neid kasutades saate seada tingimused koodi käivitamiseks. Kui kehtivad teatud tingimused, siis midagi tehakse, kui mitte, siis teostatakse midagi muud.

if (tingimus) {
// mida teha, kui tingimus on täidetud?
} veel {
// mida teha, kui tingimus ei ole täidetud
}

Sarnane mõiste kui muidu on lüliti avaldus. Lüliti abil valite käitamiseks siiski ühe mitmest koodiplokist.

Keeled

Stringid kutsuvad JavaScripti teksti, mis ei täida funktsiooni, kuid võib ekraanile ilmuda.

var person = "John Doe";

Sel juhul, John Doe on string.

Põgenemistegelased

JavaScriptis on stringid tähistatud ühe- või kahekohaliste jutumärkidega. Kui soovite stringis kasutada jutumärke, peate kasutama erimärke:

• \ ' - ühekordne pakkumine
• \ " - Topeltpakkumine

Peale selle on teil ka täiendavaid põgenemismärke:

• \\ - kaldkriips
• \ b - Tagasilükkeklahv
• \ f - vormi sööt
• \ n - Uus rida
• \ r - vedu tagasi
• \ t - horisontaalne tabulaator
• \ v - vertikaalne tabulaator

Keelmeetodid

Keelpillidega töötamiseks on palju erinevaid viise:

• charAt () - Tagastab märgi stringi määratletud asukohas
• charCodeAt () - annab teile selle koha tegelase Unicode'i
• concat () - ühendavad (ühendab) kahte või enamat stringi ühte
• fromCharCode () - Tagastab stringi, mis on loodud UTF-16 koodiga ühikute määratletud järjestusest
• indeks() - pakub kindlaksmääratud teksti esmakordset esinemist stringi sees
• lastIndexOf () - Sama nagu indeks() kuid viimase esinemise korral otsitakse tagasi
• vaste () - otsib stringi vasted otsingumustri alusel
• asenda () - Otsige ja asendage stringi tekst
• otsing() - Otsib sobivat teksti ja tagastab selle positsiooni
• viil () - ekstraheerib stringi lõigu ja tagastab selle uue stringina
• poolitama () - Jagab stringi objekti stringide massiiviks kindlaksmääratud asukohas
• substr () - Sarnane viil () kuid eraldab alamstringi sõltuvalt kindlaksmääratud tähemärkide arvust
• alamstring () - Sarnane ka viil () kuid ei saa nõustuda negatiivsete indeksitega
• toLowerCase () - teisendage stringid väiketähtedeks
• toUpperCase () - Teisendage stringid suurtähtedeks
• valueOf () - Tagastab stringiobjekti algväärtuse (millel pole atribuute ega meetodeid)

Regulaaravaldise süntaks

Regulaarsed avaldised on otsimismustrid, mida kasutatakse stringides tähemärkide kombinatsioonide sobitamiseks. Otsimismustrit saab kasutada tekstiotsingus ja toimingute asendamiseks tekstis.

Mustrimuundurid

• e - Hinnake asendamist
• i - viia läbi väiketähtede sobitamine
• g - Viige läbi globaalne sobitamine
• m - Sooritage mitu rida
• s - Töödelge stringe ühe joonega
• x - lubage mustris kommentaare ja tühikuid
• U - ebaaus muster

Sulgud

• [abc] - leidke sulgude vahel mõni märk
• [^ abc] - leidke märk, mida sulgudes pole
• [0–9] - kasutatakse mis tahes numbri leidmiseks vahemikus 0 kuni 9
• [A-z] - leidke tähemärk alates suurtähtedest A kuni väiketähtedeni z
• (a | b | c) - leidke mõni alternatiiv, mis on lahutatud |

Metakarakterid

• . - ühe tähemärgi leidmine, välja arvatud reajoon või reaterminant
• \ w - sõnamärk
• \ W - mittesõnaline märk
• \ d - number
• \ D - numbrist erinev märk
• \ s - tühimärk
• \ S - tühimärk
• \ b - leidke sõna alguses / lõpus vaste
• \ B - vaste, mis pole sõna alguses / lõpus
• \ 0 - NUL märk
• \ n - uus joonetegelane
• \ f - vormi sööda märk
• \ r - veo tagasisõidu märk
• \ t - tab märk
• \ v - vertikaalse kaardi märk
• \ xxx - Märk, mis on määratud kaheksanumbriga xxx
• \ xdd - märk, mida tähistab kuueteistkümnendarv dd
• \ uxxxx - Unicode-märk, mille määrab kuueteistkümnendarv XXXX

Kvantifikaatorid

• n+ - sobib kõigi stringidega, mis sisaldavad vähemalt ühte n
• n * - mis tahes jada, mis sisaldab n või enam n esinemisjuhtu
• n? - string, mis sisaldab nulli või ühte esinemist n
• n {X} - string, mis sisaldab Xn-de jada
• n {X, Y} - stringid, mis sisaldavad jada X-st kuni Y n-ni
• n {X,} - sobib iga stringi abil, mis sisaldab vähemalt X n järjestust
• n $ - mis tahes string, mille lõpus on n
• ^ n - Keerake n-ga selle alguses
• ?= n - mis tahes string, millele järgneb konkreetne string n
• ?!n - string, millele ei järgne konkreetset stringi ni

Numbrid ja matemaatika

JavaScriptis saate töötada ka numbrite, konstantidega ja täita matemaatilisi funktsioone.

Numbri omadused

• MAX_VALUE - JavaScriptis esindatav maksimaalne arvväärtus
• MIN_VALUE - väikseim positiivne arvväärtus, mis on esindatud JavaScriptis
• NaN - väärtus „mitte-arv”
• NEGATIVE_INFINITY - negatiivne lõpmatuse väärtus
• POSITIVE_INFINITY - positiivne lõpmatuse väärtus

Arvmeetodid

• toExponential () - Tagastab stringi ümardatud arvuga, mis on kirjutatud eksponentsiaalse märkena
• toFixed () - Tagastab määratud arvu kümnendkoha täpsusega numbri stringi
• toPrecision () - kindla pikkusega kirjutatud numbri string
• toString () - Annab numbri stringina
• valueOf () - Tagastab arvu numbrina

Matemaatika omadused

• E - Euleri number
• LN2 - Naturaalne logaritm 2
• LN10 - Naturaalne logaritm 10
• LOG2E - E aluse 2 logaritm
• LOG10E - E baaslogaritm 10
• PI - number PI
• SQRT1_2 - ruutjuur 1/2
• SQRT2 - ruutjuur 2

Matemaatika meetodid

• abs (x) - Annab x absoluutse (positiivse) väärtuse
• acos (x) - x-i arkoosiin radiaanides
• asin (x) - x arkaine radiaanides
• atan (x) - numbri x väärtus arctangent
• atan2 (y, x) - tema argumentide jagunemise protsent
• ceil (x) - x väärtus ümardatud lähima täisarvuni
• cos (x) - x koosinus (x on radiaanides)
• exp (x) - E väärtusx
• põrand (x) - x väärtus ümardatakse lähima täisarvuni
• log (x) - x-i naturaalne logaritm (alus E)
• max (x, y, z, ..., n) - Tagastab suurima väärtusega numbri
• min (x, y, z, ..., n) - sama väikseima väärtusega numbri korral
• Pow (x, y) - X y väärtusele
• juhuslik () - Annab juhusliku arvu vahemikus 0 kuni 1
• ümar (x) - x väärtus ümardatuna lähima täisarvuni
• patt (x) - x siinus (x on radiaanides)
• sqrt (x) - x ruutjuur
• päevitunud (x) - Nurga puutuja

Kuupäevadega tegelemine JavaScriptis

Kuupäevade ja kellaaegadega saate JavaScriptiga töötada ja neid muuta. See on järgmine peatükk JavaScripti petulehel.

Kuupäevade seadmine

• Kuupäev () - loob uue kuupäevaobjekti praeguse kuupäeva ja kellaajaga
• Kuupäev (2017, 5, 21, 3, 23, 10, 0) - Kohandatud kuupäevaobjekti loomine. Numbrid tähistavad aastat, kuud, päeva, tundi, minuteid, sekundeid, millisekundit. Võite jätta kõik, mida soovite, välja arvatud aasta ja kuu.
• Kuupäev ("2017-06-23") - kuupäeva deklareerimine stringina

Kuupäeva ja kellaaja väärtuste tõmbamine

• getDate () - Hankige kuu päev numbrina (1–31)
• getDay () - nädalapäev numbrina (0–6)
• getFullYear () - aasta neljakohalise arvuna (aaaa)
• getHours () - Hankige tund (0–23)
• getMilliseconds () - millisekund (0–999)
• getMinutes () - Hankige minut (0-59)
• getMonth () - Kuu arvuna (0–11)
• getSeconds () - Hankige teine ​​(0-59)
• getTime () - Hankige millisekundid alates 1. jaanuarist 1970
• getUTCDate () - Kuu päev (kuupäev) määratud kuupäeval vastavalt universaalajale (saadaval ka päeva, kuu, täisaasta, tundide, minutite jms jaoks)
• parsida - Parsib kuupäeva stringi esituse ja tagastab millisekundite arvu alates 1. jaanuarist 1970

Määra kuupäeva osa

• setDate () - määrake päev arvuna (1–31)
• setFullYear () - määrab aasta (valikuliselt kuu ja päeva)
• setHours () - määrake tund (0–23)
• setMilliseconds () - Määrake millisekundid (0–999)
• setMinutes () - Määrab minutid (0–59)
• setMonth () - määrake kuu (0–11)
• setSeconds () - Seadistab sekundid (0-59)
• määra aeg() - määrake kellaaeg (millisekundit alates 1. jaanuarist 1970)
• setUTCDate () - määrab kuu kuupäeva kindla kuupäeva jaoks vastavalt universaalajale (saadaval ka päeva, kuu, täisaasta, tundide, minutite jms jaoks)

DOM-režiim

DOM on Dokumendiobjekti mudel lehest. See on veebilehe struktuuri kood. JavaScriptiga on kaasas palju erinevaid viise HTML-elementide (nn sõlmede) loomiseks ja nendega manipuleerimiseks.

Sõlme atribuudid

• atribuudid - Tagastab kõigi elemendile registreeritud atribuutide reaalajas kogu
• baseURI - pakub HTML-elemendi absoluutset lähte-URL-i
• childNodes - annab elemendi lastesõlmede kogumi
• esimenelaps - Tagastab elemendi esimese alamsõlme
• viimane laps - elemendi viimane lapsesõlm
• järgmineSibling - annab järgmise sõlme sama sõlme puu tasemel
• nodeName - tagastab sõlme nime
• nodeType - Tagastab sõlme tüübi
• nodeValue - Määrab või tagastab sõlme väärtuse
• omanikdokument - selle sõlme ülataseme dokumendiobjekt
• parentNode - Tagastab elemendi vanema sõlme
• previousSibling - Tagastab vahetult praegusele eelneva sõlme
• textContent - Määrab või tagastab sõlme ja selle järglaste tekstilise sisu

Sõlme meetodid

• appendChild () - lisab uue alamsõlme elemendile viimase alamsõlmena
• cloneNode () - Kloonib HTML-i elemendi
• VõrdleDocumentPositsiooniga () - võrdleb kahe elemendi dokumendi asukohta
• getFeature () - Tagastab objekti, mis rakendab määratletud funktsiooni API-sid
• hasAttributes () - Tagastab tõese, kui elemendil on atribuute, vastasel juhul vale
• hasChildNodes () - tagastab väärtuse true, kui elemendil on lapsesõlmed, vastasel juhul vale
• insertBefore () - Lisab uue alamsõlme enne määratud olemasolevat alamsõlme
• isDefaultNamespace () - Tagastab tõese, kui vaikimisi on määratud nimeruumURI, vastasel juhul vale
• isEqualNode () - Kontrollib, kas kaks elementi on võrdsed
• isSameNode () - Kontrollib, kas kaks elementi on samad sõlmed
• isSupported () - Tagastab väärtuse true, kui elemendil on määratletud funktsioon
• lookupNamespaceURI () - Tagastab antud sõlmega seotud nimeruumi URI
• lookupPrefix () - Tagastab DOMString, mis sisaldab etteantud nimeruumi URI eesliidet, kui see on olemas
• normaliseeri () - ühendab külgnevad tekstisõlmed ja eemaldab elemendist tühjad tekstisõlmed
• removeChild () - Eemaldab elemendi alamsõlme
• replaChild () - asendab elemendi alamsõlme

Elementide meetodid

• getAttribute () - Tagastab elemendi sõlme määratud atribuudi väärtuse
• getAttributeNS () - Tagastab määratud nimeruumi ja nimega atribuudi stringi väärtuse
• getAttributeNode () - hangib määratud atribuudi sõlme
• getAttributeNodeNS () - Tagastab atribuudi atribuudi sõlme koos antud nimeruumi ja nimega
• getElementsByTagName () - pakub kogu siltide nimega lapseelemente
• getElementsByTagNameNS () - Tagastab reaalajas HTMLC-elementide kogumi, millel on antud nimeruumi kuuluv teatud sildi nimi
• hasAttribute () - Tagastab tõese, kui elemendil on atribuute, vastasel juhul vale
• hasAttributeNS () - Annab õige / vale väärtuse, mis näitab, kas antud nimeruumi praegusel elemendil on määratud atribuut
• removeAttribute () - Eemaldab määratud atribuudi elemendilt
• removeAttributeNS () - Eemaldab määratud atribuudi teatud nimeruumi elemendilt
• removeAttributeNode () - eemaldab määratud atribuudi sõlme ja tagastab eemaldatud sõlme
• setAttribute () - Määrab või muudab määratud atribuudi määratud väärtuseks
• setAttributeNS () - lisab uue atribuudi või muudab atribuudi väärtust antud nimeruumi ja nimega
• setAttributeNode () - Määrab või muudab määratud atribuudi sõlme
• setAttributeNodeNS () - lisab elemendile uue nimega paigutatud atribuudisõlme

Töötamine kasutajabrauseriga

Lisaks HTML-elementidele on JavaScriptil võimalik arvestada ka kasutaja brauseriga ja lisada selle atribuudid koodi.

Akna atribuudid

• suletud - Kontrollib, kas aken on suletud või mitte, ja tagastab tõese või vale
• vaikestatus - määrab või tagastab akna olekuribal vaiketeksti
• dokument - Tagastab akna dokumendiobjekti
• raamid - Tagastab kõik