Da, este aici, este aici! Toți creatorii site-ului sunt atenți, sunteți informat că tocmai a sosit domnul Javascript. Cine poate fi? Ahh, nu este colegul des menționat al domnului HaTMatiLka care pune lucrurile în mișcare? Da ai dreptate.
Până nu demult, am avut ocazia să ne întâlnim doar pe internet cu pagini statice. Cu alte cuvinte, site-ul arăta la fel dimineața, la prânz și seara. Datorită marii răspândiri și popularizării limbajului de scriptare JavaScript, acum toată lumea are posibilitatea de a îmbogăți site-ul cu diverse elemente interactive într-un mod relativ simplu. Este posibil să programați jocuri, aplicații simple, elemente de prezentare și alte lucruri interesante.
În această parte și în viitoarele părți ale seriei, ne vom familiariza treptat cu elementele de bază ale programării în JavaScript. Bineînțeles, vom explica totul cu exemple ilustrative, care vor fi o nebunie. Ei bine, a existat suficientă teorie, să ajungem la ea.
Unde ar trebui să-l ascund ?!
Scripturi scrise în JavaScript poate fi plasat în orice parte a unui document HTML. Cu toate acestea, uneori este util să includeți un script într-o etichetă. Acest lucru este deosebit de important dacă vrem să ne asigurăm că vizitatorul site-ului nu are ocazia să facă nimic pe site până când scriptul în sine nu este încărcat.
Exemplul 1.1: Tastarea textului folosind JavaScript
Dacă ne uităm la acest exemplu într-un browser care acceptă JavaScript, pagina va afișa: Browserul dvs. acceptă JavaScript. În caz contrar, este afișată o pagină complet goală.
Pentru ca browserul de pagină să știe că există scripturi în pagină, este necesar să puneți forma sursă a scriptului între etichete. Etichetele de comentarii sunt prezente, astfel încât browserele de site-uri mai vechi care nu pot interpreta JavaScript să nu listeze inutil resursele de script pe pagină.
Este pentru prima dată când întâlnim funcția document.write () în acest script. Această funcție este utilizată pentru tastarea textului pe pagina. Dacă intenționăm să avem un text care conține ghilimele sau dorim să folosim etichete în text, este necesar să folosim formularul document.write („text”) în loc de document.write („text”). Este astfel încât browserul să nu aibă confuzia atât de multe citate și să știe exact despre ce vorbim.
Buna ziua? Cine e acolo ?
În această secțiune, vom vorbi despre casetele de dialog care pot fi invocate folosind JavaScript. Recunoaștem mai multe tipuri de casete de dialog și anume: informativ (avertizare), confirmare (Ok/Anulare), admitere (introduceți) a eronat (eroare).
Fereastra de informații este adecvat să se utilizeze în situații în care trebuie să anunțăm vizitatorul site-ului cu privire la o notificare. Activat apelând funcția window.alert ().
Fereastra de confirmare este utilizat pe scară largă în cazurile în care trebuie să aflăm răspunsul la o întrebare da/nu. Este activat apelând funcția window.confirm (). Vizitatorul are apoi posibilitatea de a alege dacă este de acord cu întrebarea (Ok) sau nu (Anulează).
Fereastra de intrare este folosit atunci când trebuie să obținem informații de la un vizitator al site-ului. Se activează apelând fereastra.prompt ().> Funcție
Fereastra de eroare este invocat automat atunci când browserul întâlnește o comandă/funcție/metodă JavaScript inexistentă, adică. dacă ne programăm scriptul incorect.:-)
Ești copil sau adult? Nu știi ?
Din moment ce ne-am familiarizat cu primele elemente de bază ale JavaScript în mini-exemple, putem începe programarea primului script puțin mai complex. Ce zici de un simplu test care îți va determina maturitatea în funcție de datele pe care le introduci? Poate fi ?
Cum funcționează totul? După încărcarea paginii, acest script vă va întâmpina și vă va întâmpina. Apoi îți va cere numele și apoi îți va cere vârsta. În cele din urmă, evaluează datele introduse, adică. că, în funcție de vârstă, va stabili dacă sunteți un copil sau un adult și va scrie rezultatul testului pe pagină.
Spre deosebire de exemplele anterioare, în care nu a fost nevoie să procesăm date din ferestrele de dialog, în acest exemplu atribuim conținutul ferestrelor individuale diferitelor variabile. Variabil ne servește pentru a stoca date (numerice, textuale sau logice), astfel încât să le putem evalua și prelucra ulterior în pașii următori. La o variabilă Nume atribuim text pe care vizitatorul îl introduce în fereastră. de exemplu. name = window.prompt („Care este numele tău?”); Același lucru este valabil și pentru variabilă vârstă, care va păstra vârsta vizitatorului.
Constructie dacă A altceva evaluează veridicitatea expresiei și efectuează acțiunea cerută în consecință. În cazul nostru, constatăm că dacă vârsta vizitatorului este mai mică de 18 ani. Dacă vârsta este mai mică, expresia (vârsta
Hmm, ți se pare dificil JavaScript? Ai dreptate, mi s-a părut și mie:-) Dar, acum serios. Dacă aveți în continuare confuzii sau haos minor, examinați din nou exemplele și încercați-le în browserul dvs. web. Doar experimentează. În următoarea parte a seriei, vă vom arăta cum este posibil. dar lasă-te surprins. Până când veți muri de curiozitate, vă recomand să vizitați site-urile www.javascripts.com și www.javascript.sk, care conțin un număr mare de scripturi deja programate.
Mult succes cu JavaScript,
ANEXĂ: Semne de bază și caractere de formatare
Când programăm scripturi, putem întâlni nevoia de a evalua o altă expresie și, prin urmare, vom introduce semnele de evaluare de bază care sunt utilizate pentru a utiliza.
| > | mai mare ca |
| mai puțin decât | |
| == | drept (scriem ca doi = la rând) |
| > = | mai mare sau egal cu |
| mai mic sau egal cu | |
| != | diferit de |
Este posibil să fi observat că unele rânduri ale scriptului de test conțin anumite caractere. De exemplu. semn \ n în linia în care este apelată fereastra de informații. Astfel de caractere se numesc formatare și îndeplinesc diverse funcții. Cele acceptate de JavaScript includ: