Slik fjerner Tall fra en streng med Javascript
Javascript er en klient-side skriptspråk som vanligvis brukes til å lage dynamiske websider. En av Javascript fortrinn er dens omfattende bibliotek av innebygde funksjoner og objekter som Web programmerere kan bruke til å skape, manipulere og lagre tekst som strenger. Javascript programmerere kan bruke en streng egenskaper, for eksempel lengden eiendom; bruke en streng metoder, slik som splitt og spleise; og tilgang HTML wrapper metoder som returnerer strenger med HTML-koder. Javascript har også funksjoner som lar programmerere å søke strenger, endre en streng sak og fjerne spesifikke tegn fra strenger.
Bruksanvisning
1 Åpne en teksteditor og opprette en ny fil med navnet "noNums.html." Legg de grunnleggende HTML-koder til filen:
<Html>
<Head> </ head>
<Body> </ body>
</ Html>
2 Legg en "<script>" tag mellom filen "<head>" og "</ head>" koder, sette "<script>" tag er "type" attributt til "text / javascript" og lukk "</ script > "tag.
<Html>
<Head>
<Script type = "text / javascript">
</ Script>
</ Head>
<Body> </ body>
</ Html>
3 Legg en Javascript-funksjon som heter "numbersOnly" mellom filen "<script>" og "</ script>" tags. Den "numbersOnly" funksjonen tar ingen argumenter. Legg en åpen klammeparentes ( "{") og en nær klammeparentes ( "}") etter at funksjonen erklæringen for å holde stedet for funksjonen kode.
<Html>
<Head>
<Script type = "text / javascript">
fungere numbersOnly ()
{
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
4 Hent den strengverdien av en inngang feltet med ID "Inndataverdi" ved hjelp av Javascript "getElementById" funksjonen. Lagre strengen verdi til en variabel som heter "InputStr".
<Html>
<Head>
<Script type = "text / javascript">
fungere numbersOnly ()
{
InputStr = document.getElementById ( 'Inndataverdi') verdi.;
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
5 Bruk Javascript "erstatte" funksjonen for å erstatte alle tallene ( "0-9") i "InputStr" variabel med et nulltegn ( ''). Lagre resultatene av "erstatte" funksjonen til en variabel som heter "upperStr".
<Html>
<Head>
<Script type = "text / javascript">
fungere numbersOnly ()
{
InputStr = document.getElementById ( 'Inndataverdi') verdi.;
upperStr = inputStr.replace (/ [0-9] + / g, '');
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
6 Skriv verdien av variabelen "upperStr" til "Inndataverdi" innleggingen med Java "getElementById" funksjonen.
<Html>
<Head>
<Script type = "text / javascript">
fungere numbersOnly ()
{
InputStr = document.getElementById ( 'Inndataverdi') verdi.;
upperStr = inputStr.replace (/ [0-9] + / g, '');
. Document.getElementById ( 'Inndataverdi') verdi = upperStr;
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
7 Legg en HTML "<input>" felt mellom filen "<body>" og "</ body>" koder. Gi inntastingsfeltet ID "Inndataverdi" og teksten "1234567abcdefg89hij". Den "<input>" HTML-koden krever ikke en nær "</ input>" tag.
<Html>
<Head>
<Script type = "text / javascript">
fungere numbersOnly ()
{
InputStr = document.getElementById ( 'Inndataverdi') verdi.;
upperStr = inputStr.replace (/ [0-9] + / g, '');
. Document.getElementById ( 'Inndataverdi') verdi = upperStr;
}
</ Script>
</ Head>
<Body>
<Input id = "Inndataverdi" value = "1234567abcdefg89hij"> </ body>
</ Html>
8 Legg en HTML "<-knappen>" tag mellom "<body>" og "</ body>" koder. Bruk en "onClick ()" hendelse for å ringe "numbersOnly" -funksjonen og sett verdien i "Inndataverdi" input-feltet til en verdi som ikke inneholder tall. Gi knappen teksten "Klikk for å fjerne tallene fra String" og lukk "</ knappen>" tag.
<Html>
<Head>
<Script type = "text / javascript">
fungere numbersOnly ()
{
InputStr = document.getElementById ( 'Inndataverdi') verdi.;
upperStr = inputStr.replace (/ [0-9] + / g, '');
. Document.getElementById ( 'Inndataverdi') verdi = upperStr;
}
</ Script>
</ Head>
<Body>
<Input id = "Inndataverdi" value = "1234567abcdefg89hij"> </ body>
<-knappen Onclick = 'numbersOnly ()'> Klikk for å fjerne tallene fra strengen </ knapp>
</ Html>
9 Åpne noNums.html i en nettleser. Klikk på "Klikk for å fjerne tallene fra strengen" knappen og bekrefter at strengen oppdateringer i "Inndataverdi" input-feltet uten tall. Skriv inn en annen streng i tekstfeltet og klikk på knappen.
Hint
- Strings kan "lagt til" ved hjelp av Javascript sammensetning operatør ( "+") eller ved å bruke concat () strengen metoden.
- Når erklære og manipulere Javascript strenger, bruke enkel ( ') eller dobbel ( ") anførselstegn for å angi strengen tekst.
- Strengfunksjoner kan utføres ved hjelp av dot notasjon.
- Sørg for å bruke tegnet "\" å flykte enkle og doble anførselstegn som brukes i en streng tekst.