JavaScript varalica

JavaScript varalica PDFIspod možete pronaći Javas varalicu u .pdf kao i u tekstu.


JavaScript varalica

  • Poveznica za skidanje

Osnove JavaScript-a

Započnimo s osnovama – kako uključiti JavaScript u web mjesto.

Uključivanje JavaScript u HTML stranicu

Da biste unutar stranice uključili JavaScript, morate ga zamotati

Pomoću ovog unosa preglednik može ispravno prepoznati i izvršiti kod.

Pozovite vanjsku JavaScript datoteku

Također možete postaviti JavaScript u svoju datoteku i imenovati ga unutar svog HTML-a. Na taj način možete zadržati različite vrste koda odvojene jedna od druge, čineći bolje organizirane datoteke. Ako je vaš kôd u datoteci zvanoj myscript.js, ti bi to nazvao:

Uključujući komentare

Komentari su važni jer pomažu drugim ljudima da razumiju što se događa u vašem kodu ili vas podsjećaju ako ste nešto zaboravili. Imajte na umu da moraju biti pravilno označene kako ih preglednik neće pokušati izvršiti.

U JavaScript-u imate dvije različite mogućnosti:

  • Komentari jednog retka - Da biste dodali komentar koji je ograničen na jedan redak, prethodite mu //
  • Komentari s više linija - U slučaju da želite upisati duže komentare između nekoliko redaka, umotajte ih / * i * / da se to ne bi pogubilo

Varijable u JavaScript-u

Varijable su stand-in vrijednosti koje možete koristiti za obavljanje operacija. Trebali biste biti upoznati s njima iz matematike.

var, const, pustiti

Postoje tri različite mogućnosti za proglašavanje varijable u JavaScript-u, a svaka ima svoje posebnosti:

  • var - najčešća varijabla. Može mu se dodijeliti dodjela, ali samo joj se može pristupiti unutar funkcije. Varijable definirane sa var pomaknite se na vrh kada se izvrši kod.
  • const - Ne može se preimenovati i nije im dostupno prije nego što se pojave u kodu.
  • pustiti - Slično const,  pustiti varijabla se može dodijeliti, ali ne ponovo deklarirati.

Vrste podataka

Varijable mogu sadržavati različite vrste vrijednosti i vrste podataka. Ti koristiš = dodijeliti im:

  • Brojevi - var dob = 23
  • Varijable - var x
  • Tekst (žice) - var a = "init"
  • Operacije - var b = 1 + 2 + 3
  • Istinite ili lažne izjave - var c = istina
  • Stalni brojevi - const PI = 3,14
  • Objekti - var name = {firstName: "John", lastName: "Doe"}

Postoji više mogućnosti. Imajte na umu da varijable razlikuju velika i mala slova. To znaci prezime i prezime tretirat će se kao dvije različite varijable.

objekti

Objekti su određene vrste varijabli. Oni su varijable koje mogu imati svoje vrijednosti i metode. Potonje su radnje koje možete izvoditi na objektima.

var osoba = {
FIRSTNAME: "Ivan",
Prezime: „Horvat”,
dob: 20,
nacionalnost: „Njemački”
};

Sljedeća razina: Nizovi

Slijedeće na našem JavaScript varalici su nizovi. Nizovi su dio mnogih različitih programskih jezika. Oni su način organiziranja varijabli i svojstava u grupe. Evo kako to stvoriti u JavaScript-u:

var fru = = "Banana", "Apple", "Kruška"];

Sada imate nazvan niz voće koji sadrži tri stavke koje možete koristiti za buduće operacije.

Metode niza

Nakon što stvorite nizove, možete učiniti nekoliko stvari s njima:

  • CONCAT () - Pridružite se nekoliko nizova u jedan
  • indexOf () - Vraća prvo mjesto na kojem se dati element pojavljuje u nizu
  • pridružiti() - Kombinirajte elemente matrice u jedan niz i vratite niz
  • lastIndexOf () - daje zadnju poziciju na kojoj se dati element pojavljuje u nizu
  • pop () - Uklanja posljednji element niza
  • gurnuti() - Na kraju dodajte novi element
  • obrnuti () - Razvrstajte elemente u silaznom redoslijedu
  • pomak () - Uklonite prvi element niza
  • kriška() - Povlači kopiju dijela matrice u novi niz
  • sortirati() - Razvrstava abecedno elemente
  • splice () - Dodaje elemente na određeni način i položaj
  • toString () - Pretvara elemente u žice
  • unshift () —Dodaje novi element na početku
  • vrijednost() - Vraća primitivnu vrijednost navedenog objekta

operatori

Ako imate varijable, možete ih koristiti za obavljanje različitih vrsta operacija. Da biste to učinili, potrebni su vam operatori.

Osnovni operatori

  • + - Dodatak
  • - - oduzimanje
  • * - Množenje
  • / - Odjel
  • (...) - Operator grupiranja, operacije unutar zagrada se izvode ranije od onih izvan
  • % - Modul (ostatak)
  • ++ - Povećanje brojeva
  • -- - Brojevi smanjenja

Operateri za usporedbu

  • == - Jednak
  • === - Jednaka vrijednost i jednak tip
  • != - Nejednak
  • !== - Ne jednake vrijednosti ili ne jednake vrste
  • > - Više nego
  • < - Manje od
  • > = - veći ili jednak
  • <= - Manje ili jednako
  • ? - Ternarni operator

Logički operatori

  • && - Logički i
  • || - Logički ili
  • ! - Logično nije

Bitрозni operatori

  • & - I izjava
  • | - ILI izjava
  • ~ - NE
  • ^ - XOR
  • << - Lijeva smjena
  • >> - Pomak desno
  • >>> - Pomak bez nule

funkcije

JavaScript funkcije su blokovi koda koji izvršavaju određeni zadatak. Osnovna funkcija izgleda ovako:

naziv funkcije (parametar1, parametar2, parametar3) {
// što funkcija radi
}

Kao što vidite, sastoji se od funkcija ključna riječ plus ime. Parametri funkcije nalaze se u zagradama i imate kovrčave zagrade oko onoga što funkcija obavlja. Možete stvoriti vlastiti, ali da biste si olakšali život - tu je i niz zadanih funkcija.

Izlazni podaci

Uobičajena aplikacija za funkcije je izlaz podataka. Za izlaz imate sljedeće mogućnosti:

  • upozorenje () - Izlazne podatke u okvir upozorenja u prozoru preglednika
  • potvrdu () - Otvara dijalog za da / ne i vraća true / false ovisno o kliku korisnika
  • console.log () - Piše informacije na konzolu preglednika, dobre za potrebe uklanjanja pogrešaka
  • document.write () - Napišite izravno u HTML dokument
  • brz() - Stvara dijalog za unos korisnika

Globalne funkcije

Globalne funkcije su funkcije ugrađene u svaki preglednik koji može pokretati JavaScript.

  • decodeURI () - Dekodira a Jedinstveni identifikator resursa (URI) napravio encodeURI ili slično
  • decodeURIComponent () - Dekodira URI komponentu
  • encodeURI () - Unosi URI u UTF-8
  • encodeURIComponent () - Isto, ali za URI komponente
  • eval () - Evaluira JavaScript kod predstavljen u obliku niza
  • isFinite () - Određuje je li prenesena vrijednost konačni broj
  • isNaN () - Određuje je li vrijednost NaN ili ne
  • Broj() —– Vraća broj pretvoren iz njegovog argumenta
  • parseFloat () - Analizira argument i vraća broj s pomičnom zarezom
  • parseInt () - Analizira svoj argument i vraća cijeli broj

JavaScript petlje

Petlje su dio većine programskih jezika. Omogućuju vam izvršavanje blokova željenog koda broj puta s različitim vrijednostima:

for (prije petlje; uvjet za petlju; izvršiti nakon petlje) {
// što raditi tijekom petlje
}

Za stvaranje petlji imate nekoliko parametara:

  • za - Najčešći način stvaranja petlje u JavaScript-u
  • dok - Postavlja uvjete pod kojima se izvršava petlja
  • učini dok - Slično dok petlje, ali se izvršava barem jednom i na kraju provjeri je li ispunjen uvjet da se izvrši ponovo
  • pauza —Koristi se za zaustavljanje i izlazak iz ciklusa pod određenim uvjetima
  • nastaviti - Preskočite dijelove ciklusa ako su ispunjeni određeni uvjeti

Ako - Drugo izjave

Ove vrste izjava je lako razumjeti. Pomoću njih možete postaviti uvjete kada se vaš kôd izvršava. Ako vrijede određeni uvjeti, radi se nešto, ako ne - izvršava se nešto drugo.

ako (uvjet) {
// što učiniti ako se ispuni uvjet
} else {
// što učiniti ako nije ispunjen uvjet
}

Sličan koncept kao ako drugo je sklopka izjava. Međutim, pomoću prekidača odaberite jedan od nekoliko blokova kodova za izvršavanje.

nizovi

Nizice su ono što JavaScript poziva na tekst koji ne obavlja funkciju, ali može se pojaviti na zaslonu.

var osoba = "John Doe";

U ovom slučaju, John Doe je niz.

Escape likovi

U JavaScript su žice označene jednim ili dvostrukim navodnicima. Ako u nizu želite koristiti navodnike, trebate koristiti posebne znakove:

  • \” - Jedna ponuda
  • \” - Dvostruka ponuda

Osim toga, imate i dodatne znakove za bijeg:

  • \\ - Povratna kosa
  • \ b - Povratni prostor
  • \ f - Ulaganje obrasca
  • \ n - Nova linija
  • \ r - Povrat prtljage
  • \ t - vodoravni tabulator
  • \ v - Vertikalni tabulator

Gudačke metode

Postoji mnogo različitih načina rada sa žicama:

  • charAt () - Vraća znak na određeno mjesto u nizu
  • charCodeAt () - Daje vam Unicode lika na tom položaju
  • CONCAT () - Spajanje (spajanje) dva ili više niza u jedan
  • fromCharCode () - Vraća niz stvoren iz navedenog niza UTF-16 kodnih jedinica
  • indexOf () - Pruža poziciju prve pojave određenog teksta unutar niza
  • lastIndexOf () - Isto kao indexOf () ali s posljednjom pojavom, pretražujući unatrag
  • odgovarati () - Dohvaća podudaranje niza s obrascem pretraživanja
  • zamijeniti() - Pronađite i zamijenite određeni tekst u nizu
  • traži() - Provodi pretraživanje odgovarajućeg teksta i vraća mu položaj
  • kriška() - Izdvaja odjeljak niza i vraća ga kao novi niz
  • podjela() - Podijeli niz niza nizova nizova na zadani položaj
  • substr () - Slično kriška() ali izdvaja podstranu ovisno o navedenom broju znakova
  • podniza () - Također slično kriška() ali ne mogu prihvatiti negativne indekse
  • toLowerCase () - Pretvorite žice u malim slovima
  • toUpperCase () - Pretvorite žice u velika slova
  • vrijednost() - Vraća primitivnu vrijednost (koja nema svojstva ili metode) string-objekta

Sintaksa redovitog izražavanja

Redovni izrazi su obrasci pretraživanja koji se koriste za podudaranje kombinacija znakova u žicama. Obrazac pretraživanja može se koristiti za traženje teksta i zamjenu teksta.

Modifikatori uzoraka

  • e - Ocijenite zamjenu
  • ja - Provođenje podudaranja neosjetljivog na velika slova
  • g - Izvođenje globalnog podudaranja
  • m - Izvođenje podudaranja više linija
  • a - Tretirajte nizove kao jedan redak
  • x - Dopustite komentare i razmake u obrascu
  • U - Netačni obrazac

Zagrade

  • [Abc] - Nađite bilo koji od znakova između zagrada
  • [^ Abc] - Pronađite bilo koji znak koji nije u zagradama
  • [0-9] - Koristi se za pronalaženje bilo koje znamenke od 0 do 9
  • [A-Z] - Pronađite bilo koji znak od velikog slova A do donjeg z
  • (A | b | c) - Pronađite bilo koju od alternativa razdvojenih |

metaznak

  • . - Pronađite jedan znak, osim redaka ili linijskog terminara
  • \ w - Riječ lik
  • \ W - Znak bez riječi
  • \ d - Brojka
  • \ D - Neznamenkasti znak
  • \ s - Whitespace lik
  • \ S - Neprijasni znak
  • \ b - Pronađite podudaranje na početku / kraju riječi
  • \ B - Ne podudaranje na početku / na kraju riječi
  • \ 0 - NUL znak
  • \ n - Novi lik linije
  • \ f - Karakter feeda oblika
  • \ r - Karakter povratka prijevoza
  • \ t - Tabulatorni znak
  • \ v - Okomiti znak kartice
  • \ xxx - Znak naveden oktalnim brojem xxx
  • \ Xdd - Znak naveden heksadecimalnim brojem dd
  • \ uxxxx - Znak Unicode naveden heksadecimalnim brojem XXXX

Quantifiers

  • n+ - Odgovara bilo kojem nizu koji sadrži barem jednu n
  • n * - Bilo koji niz koji sadrži nula ili više pojavljivanja n
  • n? - Niz koji sadrži nulu ili jednu pojavu n
  • n X} { - Niz koji sadrži niz X-ova
  • n {X, Y} - Nizovi koji sadrže niz od X do Y n
  • n {X,} - Odgovara bilo kojem nizu koji sadrži slijed najmanje X n s
  • n $ - Bilo koji niz s n na kraju
  • ^ n - Niz s n na početku
  • ?= n - Bilo koji niz praćen određenim nizom n
  • ?!n - Niz koji ne slijedi određeni niz ni

Brojevi i matematika

U JavaScript-u možete raditi i s brojevima, konstantama i obavljati matematičke funkcije.

Svojstva broja

  • MAX_VALUE - Maksimalna brojčana vrijednost predstavljiva u JavaScript-u
  • MIN_VALUE - Najmanja pozitivna brojčana vrijednost predstavljiva u JavaScript-u
  • NaN - Vrijednost "Ne-Broj"
  • NEGATIVE_INFINITY - Negativna vrijednost Beskonačnosti
  • POSITIVE_INFINITY - vrijednost pozitivne beskonačnosti

Metode broja

  • toExponential () - Vraća niz sa zaokruženim brojem napisanim kao eksponencijalna notacija
  • toFixed () - Vraća niz broja s određenim brojem decimala
  • toPrecision () - string broja koji je napisan određenom duljinom
  • toString () - Vraća broj kao niz
  • vrijednost() - Vraća broj kao broj

Svojstva matematike

  • E - Eulerov broj
  • LN2 - Prirodni logaritam 2
  • LN10 - Prirodni logaritam od 10
  • LOG2E - Baza 2 logaritam E
  • LOG10E - Baza 10 logaritam E
  • JU - Broj PI
  • SQRT1_2 - Kvadratni korijen od 1/2
  • SQRT2 - Kvadratni korijen od 2

Matematičke metode

  • abs (x) - Vraća apsolutnu (pozitivnu) vrijednost x
  • acos (x) - Arkozina x, u radijanima
  • Asin (x) - Arcsine od x, u radijanima
  • atan (x) - Arktangent x kao numerička vrijednost
  • ATAN2 (y, x) - Arktangent kvocijenta njegovih argumenata
  • staviti strop (x) - Vrijednost x je zaokružena na najbliži cijeli broj
  • cos (x) - kosinus x (x je u radijanima)
  • exp (x) - Vrijednost Ex
  • kat (x) - Vrijednost x je zaokružena na najbliži cijeli broj
  • log (x) - Prirodni logaritam (baza E) od x
  • max (x, y, z, ..., n) - Vraća broj s najvećom vrijednošću
  • min (x, y, z, ..., n) - Isto za broj s najnižom vrijednošću
  • ENT (x, y) - X na snagu y
  • slučajna () - Vraća slučajni broj između 0 i 1
  • krug (x) - Vrijednost x je zaokružena na najbliži cijeli broj
  • sin (x) - Sine x (x je u radijanima)
  • sqrt (x) - Kvadratni korijen od x
  • tan (x) - Tangenta kuta

Suočavanje s datumima u JavaScript

S JavaScriptom možete raditi i mijenjati datume i vrijeme. Ovo je sljedeće poglavlje u JavaScript cheat listu.

Postavljanje datuma

  • Datum() - Stvara novi objekt datuma s trenutnim datumom i vremenom
  • Datum (2017, 5, 21, 3, 23, 10, 0) - Stvorite prilagođeni objekt datuma. Brojevi predstavljaju godinu, mjesec, dan, sat, minute, sekunde, milisekunde. Možete izostaviti sve što želite, osim godinu i mjeseca.
  • Datum ( „2017/06/23”) - Izjava datuma kao niza

Izvlačenje datumskih i vremenskih vrijednosti

  • getdate () - Dobivajte dan u mjesecu kao broj (1-31)
  • getDay () - radnim danom kao broj (0-6)
  • getFullYear () - Godina kao četveroznamenkasti broj (gggg)
  • getHours () - Dohvati sat (0-23)
  • getMilliseconds () - Milisekunda (0-999)
  • getMinutes () - Dohvati minutu (0-59)
  • getMonth () - Mjesec kao broj (0-11)
  • getSeconds () - Dohvati drugi (0-59)
  • getTime () - Dobijte milisekunde od 1. siječnja 1970. godine
  • getUTCDate () - dan (datum) u mjesecu navedenom datumu prema univerzalnom vremenu (također dostupno za dan, mjesec, cijelu godinu, sate, minute itd.)
  • raščlanjivanja - Analizira niz niza datuma i vraća broj milisekundi od 1. siječnja 1970. godine

Postavite dio datuma

  • setDate () - Dan postavite kao broj (1-31)
  • setFullYear () - Određuje godinu (po izboru mjesec i dan)
  • setHours () - Postavite sat (0-23)
  • setMilliseconds () - Postavite milisekunde (0-999)
  • setMinutes () - Određuje minute (0-59)
  • setMonth () - Odredite mjesec (0-11)
  • setSeconds () - Postavlja sekunde (0-59)
  • Postavi vrijeme() - Postavite vrijeme (milisekunde od 1. siječnja 1970.)
  • setUTCDate () - Postavlja dan u mjesecu za određeni datum prema univerzalnom vremenu (također dostupno za dan, mjesec, cijelu godinu, sate, minute itd.)

DOM način

DOM je onaj Model objekta dokumenta stranice. To je kôd strukture web stranice. JavaScript dolazi s puno različitih načina za stvaranje i manipuliranje HTML elementima (zvanim čvorovi).

Svojstva čvora

  • atributi - Vraća kolekciju uživo svih atributa registriranih u elementu
  • baseURI - Pruža apsolutni osnovni URL HTML elementa
  • childNodes - daje zbirku dječjih čvorova elementa
  • firstChild - Vraća prvi podređeni čvor elementa
  • zadnje dijete - Posljednji podređeni čvor elementa
  • nextSibling - Daje vam sljedeći čvor na istoj razini stabla čvora
  • nodeName — Vraća ime čvora
  • nodeType - Vraća vrstu čvora
  • nodeValue - Postavlja ili vraća vrijednost čvora
  • ownerDocument - Objekt dokumenta najviše razine za ovaj čvor
  • parentNode - Vraća nadređeni čvor elementa
  • previousSibling - Vraća čvor neposredno prije trenutnog
  • textContent - Postavlja ili vraća tekstualni sadržaj čvora i njegovih potomaka

Metode čvorova

  • appendChild () - Dodaje novi podređeni čvor elementu kao posljednji podređeni čvor
  • cloneNode () - Klonira HTML element
  • compareDocumentPosition () - Uspoređuje položaj dokumenta dva elementa
  • getFeature () - Vraća objekt koji implementira API-je određene specifikacije
  • hasAttributes () - Vraća true ako element ima atribute, u protivnom false
  • hasChildNodes () - Vraća true ako element ima bilo koje podređene čvorove, inače false
  • insertBefore () - Umešta novi podređeni čvor prije specificiranog postojećeg podređenog čvora
  • isDefaultNamespace () - Vraća true ako je zadani imenski prostorURI, u suprotnom je false
  • isEqualNode () - Provjerava jesu li dva elementa jednaka
  • isSameNode () - Provjerava jesu li dva elementa isti čvor
  • isSupported () - Vraća true ako je na elementu podržana navedena značajka
  • lookupNamespaceURI () - Vraća URI prostora imena povezan s određenim čvorom
  • lookupPrefix () - Vraća DOMString koji sadrži prefiks za dan URI prostora imena ako postoji
  • Normalizacija () - Spaja susjedne tekstne čvorove i uklanja prazne tekstualne čvorove u elementu
  • removeChild () - Ukloni podređeni čvor iz elementa
  • replaceChild () - Zamjenjuje podređeni čvor u elementu

Elementarne metode

  • getAttribute () - Vraća navedenu vrijednost atributa čvora elementa
  • getAttributeNS () - Vraća string vrijednost atributa s navedenim prostorom imena i imenom
  • getAttributeNode () - Dobiva navedeni čvor atributa
  • getAttributeNodeNS () - Vraća čvor atributa atributu s danim prostorom imena i imenom
  • getElementsByTagName () - Pruža zbirku svih podređenih elemenata s navedenim nazivom oznake
  • getElementsByTagNameNS () - Vraća uživo HTMLCollection elemenata s određenim nazivom oznake koji pripadaju datoj zoni imena
  • hasAttribute () - Vraća true ako element ima atribute, u protivnom false
  • hasAttributeNS () - Pruža istinsku / lažnu vrijednost koja pokazuje ima li trenutni element u određenom prostoru imena određeni atribut
  • removeAttribute () - Uklanja određeni atribut iz elementa
  • removeAttributeNS () - Uklanja zadani atribut iz elementa unutar određenog prostora imena
  • removeAttributeNode () - Oduzima određeni atribut atributa i vraća uklonjeni čvor
  • setAttribute () - Postavlja ili mijenja navedeni atribut na zadanu vrijednost
  • setAttributeNS () - Dodaje novi atribut ili mijenja vrijednost atributa s danim prostorom imena i imenom
  • setAttributeNode () - Postavlja ili mijenja navedeni čvor atributa
  • setAttributeNodeNS () - Elementu dodaje novi atributni čvor atributa u prostoru

Rad s korisničkim preglednikom

Pored HTML elemenata, JavaScript je također u mogućnosti uzeti u obzir preglednik korisnika i uvrstiti njegova svojstva u kod.

Svojstva prozora

  • zatvoreno - Provjerava je li prozor zatvoren ili ne i vraća li istinu ili laž
  • defaultStatus - Postavlja ili vraća zadani tekst u statusnoj traci prozora
  • dokument - Vraća objekt dokumenta za prozor
  • okviri - Vraća sve