Javascript - Lecția 4

Funcția - este o secvență de nume de declarații (instrucțiuni). Orice funcție are următoarea sintaxă:

În primul rând vine funcția cheie de cuvinte cheie. apoi numele funcției, atunci parametrii sunt enumerate în paranteze (dacă este cazul), operatorii de atunci bretelele sunt listate, de exemplu, flux de lucru. Fiecare declarație se termină cu punct și virgulă.

Luați în considerare următorul exemplu. În a doua lecție am creat o pagina HTML, pagina script.js pentru funcțiile și conectate unul la celălalt. Aceste pagini vom folosi. Pune într-o pagină HTML următorul cod:

Am subliniat faptul că, atunci când utilizatorul face clic pe div-y (de exemplu, în conformitate cu „Click Me“) ar trebui să fie numit o funcție numită „showMessage“. Acum script.js pagina, este necesar să se scrie funcția în sine „showMessage“. Deschideți pagina și scrie script.js:

Să revenim la exemplul nostru. Deschideți HTML-pagină cu un browser și faceți clic pe div-y. Puteți da clic în exemplul de mai jos.

Astfel, am examinat mecanismul de procesare a evenimentului:

  1. Intr-o pagina HTML, vom lega la tratare a evenimentului elementul dorit (onClick, onmouseup, etc.), ca o valoare care indică numele funcției, care ar trebui să fie declanșată atunci când vine evenimentul.
  • Pe pagina cu codurile .js de extensie vom scrie codul pentru această funcție, și anume, instrucțiuni care trebuie îndeplinite, în cazul în care funcția este inițializată (transformat).

    • Să complice sarcina și să scrie un script care va calcula aria unui dreptunghi pe lungimea și lățimea introdusă de utilizator. Pentru acest prim post pe pagina HTML la elementele relevante ale formularului:aria unui dreptunghi Calcularea

  • pagina noastră va arăta în browser-ul, după cum urmează:

    Dacă ați uitat cum să setați elemente de formular, se referă la HTML lecție - lucrul cu formulare.

    Deci, utilizatorul introduce lățimea și lungimea și faceți clic pe butonul „Calculeaza“. După aceea, în zona ar trebui să primească rezultatul. Astfel, evenimentul se produce atunci când faceți clic pe „Calculeaza“, atunci este pentru ea și o vom lega de tratare a evenimentului. Funcția de calcul al zonei se numește „areaRectangle“:

    Acum este timpul pentru a scrie funcția în sine „areaRectangle“. Pentru a face acest lucru, deschideți script.js de pagină și de a scrie un gol pentru funcția:

    Acum trebuie să scrie corpul funcției. Pentru a începe să declare trei variabile: a - valoarea lungimii dreptunghiului, b - valoarea lățimii dreptunghi, s - zona dreptunghi:

    Valoarea (valoare) o trebuie să fie luate din pagina curentă (documentul), din matriță cu numele „Forma1“, un câmp de text cu „T1“ nume. Și așa este scris document.forma1.t1.value. și anume transferate prin punctul de nume de obiecte de la mamă la dreapta (structura ierarhică a obiectelor am discutat în lecția precedentă). o proprietate necesară a unui obiect (valoare) indică aceasta din urmă.

    În mod similar, valorile pentru b - document.forma1.t2.value.

    Și variabila noastră s - este produsul unei prin b. Am scrie în corpul funcției:

    Rămâne doar pentru a scrie un manual de înregistrare zona luată în calcul în caseta de text cu numele de „res“ din formularul nostru. Adică avem nevoie în tekschuyu pagina într-o formă numită „Forma1“, în caseta de text cu numele de „res“, în valoare s a fost dată ca valoare (valoare). Deci, putem scrie:

    Cu alte cuvinte, am atribuit mai întâi variabilele a și valorile B din matriță, și apoi a făcut calculele necesare, iar apoi a atribuit un element de valoare formează primit s.

    Verificați funcționarea în HTML-pagini într-un browser. Dacă ați făcut totul corect, ar trebui să funcționeze la fel de bine ca și în exemplul de mai jos:

    În cazul în care acest site a fost util pentru tine, vă poate ajuta în dezvoltarea sa prin punerea una dintre aceste link-uri către site-ul tau.