JavaScript , når en simpel scriptsprog til at tilføje minimal interaktion til websider , er blevet et fuldgyldigt sprog i sin egen ret og har ballooned ind i en vidtrækkende emne, som rører ved næsten alle aspekter af Web udvikling . For bygherren , der har mestret det grundlæggende i JavaScript , dokumentets objekt model , eller DOM, og validering med regulære udtryk gøre gode områder af undersøgelsen . Ting du skal teksteditor som Notesblok of Modern browser , såsom IE 8 eller Firefox 3.6 Vis Flere Instruktioner interagere med DOM 1
Opret en webside ved hjælp af koden : Hej
på knappen nedenfor er ikke blevet klikket
; < /html > < p > Gem siden som " dom.html ". 2
Gennemse for at filen " dom.html " fra din webbrowser . Klik på " Klik på Denne " knappen. Klikket begivenhed vil affyre en JavaScript-funktion , der ændrer indholdet af teksten over tasten. 3
Opdag JavaScript-kode fra prøven. Det bruger document.getElementById funktionen kombineret med innerHTML ejendom. Den getElementById Metoden søger DOM for elementer, der har et særligt id som en attribut . Den innerHTML Ejendommen holder html indeholdt i tags et element . Ved at få et element med sin id og ændring af innerHTML værdi af dette element , kan du ændre det viste indhold på siden. Godkend med Regular Expressions 4
Opret en webside, der indeholder følgende kode : Hej
Gennemse for at " regEx.html " fra din webbrowser . Når du lægger på siden , vil validateOnA funktionen teste variable testString at se, om den indeholder bogstavet " a ". 6
Kig over JavaScript. Det bruger et simpelt regulært udtryk , som er omgivet af tegnet "/" og simpelthen matcher om eventuelle tegn, du leverer det. 7
Ændr værdien af testString til " frugt" , og genindlæse siden for at se hvad der sker. 8
Brug undslap tegn i din regulære udtryk. Undvegne tegn indledes med en omvendt skråstreg ( "\\ "), og giver dig mulighed for at matche på kategorier af tegn. For eksempel \\ d matcher på alle cifrene i en given streng . Opret en side, der indeholder følgende kode :
Gennemse for at " regExpEscape.html " fra din webbrowser . Koden vil teste strengen "123 " for at se , om den indeholder cifre. 10
Ændr værdien af testString til " Apple" og se hvad der sker. Prøv at ændre testString til " apple1 ". 11
Prøv en virkelig verden eksempel. Regulære udtryk er meget magtfulde og et enkelt udtryk kan indeholde en stor del af strengen matcher information. Det regulære udtryk nedenfor validerer telefonnumre , der er syv eller 10 cifre og brug parenteser bindestreger eller mellemrum som skilletegn . Det selv giver