[a apărut o eroare în timpul procesării acestei directive]
- a face textul invizibil;
- să învețe să scrie o funcție;
- instrucțiunea if. altceva;
- funcții anatomice și obiecte noi
Un pic de CSS
Amintiți-vă textul ascuns în prima lecție - o explicație pentru cei care nu știu ce este o variabilă?
Astăzi vom învăța să facem astfel de lucruri, dar în același timp vom scrie o funcție simplă.
Lecția va fi extrem de practică, vom străbate terenurile neexplorate fără a intra în detalii. Dar foarte curând (și poate în următoarea lecție), este timpul să "adunăm pietrele". Pregătiți moral: va fi foarte plictisitor.
Și astăzi - o excursie amplă și, sper, o plimbare semnificativă.
În primul rând, ne îndreptăm către CSS. Sper că cunoașteți elementele de bază ale acestei limbi. Dacă nu - vă sfătuiesc pentru o săptămână (și poate doar pentru câteva ore - nu depinde atât de mult de abilități ca de "gradul de fanatism") pentru a amâna studiile noastre și pentru a ne familiariza fluent cu CSS.
Deci, printre proprietățile CSS există o proprietate de afișare. Are o mulțime de semnificații:- nici unul
- bloc
- inline-block
- inline
- table-header-grup
- tabel-footer-grup
- Lista-item
Sincer, nu toți am avut de a folosi, și cu ceea ce mănânc lista-element sau masă-ceva-acolo-grup. dar nu știu deloc (deși cred).
Dar astăzi avem nevoie de două: nici unul și blocaj.
Probabil deja ați ghicit că "afișare: niciunul" înseamnă "ascunde" și "afișează: bloc;" - "arată", ca să spunem așa, în mod obișnuit.
Iată cum arată prima bucată de cod în cod:
Stop! Și știi care este o variabilă?
Dacă nu, faceți clic pe acest link și citiți explicația.
Cum funcționează calculatorul? Toate datele sunt stocate pe disc, iar locul unde se află trebuie să fie marcate astfel încât să fie clar unde să găsiți ce. Orice program (și un script nu este altceva decât un mic program) funcționează cu unele date. Prin urmare, este convenabil să "înscrieți imediat" un loc pentru ei. Acest loc, această secțiune marcată de memorie, devine o variabilă. De ce "variabila"? Deoarece acest site poate fi umplut cu valori diferite. De exemplu, atunci când lucrăm cu un calculator, numerele și acțiunile cu care intrăm, sunt scrise de program în variabilele corespunzătoare. Iar când butonul de execuție este apăsat, algoritmul care utilizează valorile introduse este declanșat.
ascuns
-paragrafele sunt ascunse în
Codul de referință include un "var" familiar. adică "numele propriu" al divului nostru. Dar displ () este numele funcției care este plasată între
și .Învățați să scrieți funcții
Aceasta este o funcție foarte simplă. Iată cum arată:
funcția nume_funcție (argument1, argument2) <код в теле функции>
funcția nume_funcție (argument1, argument2) <код в теле функции>
funcția nume_funcție (argument1, argument2)
funcția nume_funcție (argument1, argument2)
Aceasta înseamnă că nu este necesară o pauză forțată sau, invers, o linie "inseparabilă" între paranteze și alte elemente. Dar ar trebui să fie ambele paranteze.
În mod special, mă încurc foarte mult. Sintaxa oricărui limbaj de programare ar trebui să fie tăiată în nas, în special în HTML, la hărțuire, deoarece HTML permite unele variante și, ca să spunem, connivanță. Limba de programare reală este NU.
Deci, funcția noastră displ (nnn) are argumentul nnn. care, după cum se vede din fragmentul codului HTML prezentat mai sus, preia identitatea (identificatorul, numele unic) al acelui element (etichetă) pe care dorim să-l afișăm sau să-l ascundem.
Instrucțiunea if. altfel
De regulă, programele sunt scrise pentru a se asigura că acestea, aceste programe, facilitează munca noastră și fac unele acțiuni pentru noi. Pentru a efectua aceste acțiuni sau, cu alte cuvinte, operațiuni, limbile de programare sunt înghesuiți cu tot felul de operatori. Cel mai simplu și cel mai comun operator este dacă. altceva.
"Dacă (dacă) magazinul este deschis, voi merge la magazin. În caz contrar (altceva) mă duc să beau bere.
"Magazinul este deschis" este o condiție. la care se execută acțiunea 1 ("Voi merge la magazin").
În absența acestei condiții (altceva), se efectuează acțiunea 2 ("Voi bea bere").
Să scriem acest nonsens în Javascript:
Și din nou acordăm atenție sintaxei.
Condiția este în paranteze.
Acțiunile sunt în paranteze curbate.
Există, de asemenea, o intrare mai scurtă: fără cuvintele cheie dacă și altceva. dar cu ajutorul simbolurilor speciale. Dar, în primele etape, nu recomand să se implice acest lucru. Încearcă să înțelegi singur acest puzzle:
Mă duc la magazin: o să beau bere
Obiecte, obiecte, obiecte.
Să vedem "dacă" din funcția noastră.
Starea sa este document.getElementById (nnn) .style.display == 'none'
Ce ar însemna asta?
Am întâlnit deja un astfel de obiect de document cu metoda write (). Amintiți - document.write ("fiecare text diferit acolo").
Elementul găsit prin această metodă este, de asemenea, un obiect, numai rangul este mai mic decât documentul. Și are propriile sale metode și proprietăți. Unele dintre ele corespund atributelor etichetelor HTML. iată cum, de exemplu, proprietatea stilului.
Care, de asemenea, la rândul său, un obiect cu proprietățile sale, printre care se afișează.
Adică, toate obiectele care sunt metode și proprietăți ale altor obiecte sunt filetate printr-un punct din ierarhia descendentă.
Ce sa întâmplat? În rusă, "dacă documentul are un element prin numele unor astfel de și astfel, și este invizibil" - asta este starea noastră.
Și acum totul este foarte simplu. Dacă același element este invizibil, atunci acesta trebuie să devină vizibil. Asta este, am copiat aceeași acțiune în bretele curat, dar pune un bloc în loc de nici unul.
În caz contrar (și "cazul urât" apare atunci când elementul nostru este afișat), trebuie să devină din nou invizibil. Deci, în acțiunea pentru altceva, copiați doar ceea ce se afla în stare.
Acum arătați: în locul identificatorului elementului, am introdus numele argumentului funcției. Acum, dacă numim această funcție din codul HTML. Dacă un identificator de fapt există ca argument, funcția se va referi la acesta.
Și aceasta este o astfel de configurare. Ai observat citate simple? De ce sunt aici când nimic nu pare să le împiedice să fie duble?
Într-un document HTML, funcția este executată în interiorul atributului href. în care ea este deja citată. Și cu citate duble nu va fugi. Este testat prin metoda poke () pe pielea proprie, pe acoperiș și pe nopțile nedormite.
modul în care este construită funcția, modul în care funcționează bucloul if. altceva, și, de asemenea, un pic despre obiectele și ierarhia lor.
Și, de asemenea, a învățat:
ascundeți și afișați text făcând clic pe link.