Hvor å Endre Ord i Java Script

February 8

Nettsteder viser ofte spesialeffekter der farger eller figurer endre svar på brukerens handlinger. Ved hjelp av Javascript, kan du også lage tekst på en webside endring ved å erstatte ord i en HTML-side element. For eksempel kan et klikk på en knapp endre alle forekomster av ordet "trist" i et tekstområde med ordet "lykkelig". Alt du trenger for å lage denne effekten er en Javascript-funksjon som vet å erstatte HTML tekst.

Bruksanvisning

1 Åpne et HTML-dokument med Notepad eller HTML-editor.

2 Legg denne koden under dokumentets opening "<body>" tag:

<H1 id = "Overskrift1"> Opprinnelig ord i overskriften = hund </ h1>

<Input type = "button" value = "Erstatt ordet i overskriften"

onclick = "replaceWord ( 'Overskrift1", "hund", "katt") "/>

Dette skaper en overskrift som inneholder tekst. Knappen under overskriften kaller en Javascript-funksjon. Den passerer IDen til overskriften, et ord du ønsker å erstatte og utskifting ord. I dette eksemplet vil et kall til funksjonen erstatte ordet "hund" med "cat".

3 Legg til følgende kode under koden vist i forrige trinn:

Opprinnelige ordet i Tekstfelt = rødt

</ Textarea>

<Input type = "button" value = "Erstatt ordet i Tekstfeltegenskaper"

onclick = "replaceWord ( 'TextArea1', 'rød', 'blå')" />

Dette skaper et textarea kontroll som også inneholder tekst. På knappen under denne kontrollen kaller samme Javascript-funksjonen. Den passerer IDen til textarea kontroll, et ord du ønsker å erstatte og utskifting ord.

4 Plasser denne Javascript-kode i dokumentet er "head" -seksjonen:

funksjon replaceWord (kontroll, oldWord, newWord) {

Var pageElement = document.getElementById (kontroll);

oldWord = ny RegExp (oldWord, "g");

if (pageElement.value)

pageElement.value = pageElement.value.replace(oldWord, newWord);

ellers

pageElement.innerHTML = pageElement.innerHTML.replace (oldWord, newWord);

}

</ Script>

Denne funksjonen mottar navnet på styring ført ved en av knappene, til ordet lete etter og utskifting ord. Den bruker da Script "erstatte" metode for å finne målet ord og erstatte alle forekomster av ordet med den nye.

5 Lagre dette dokumentet og åpne den i nettleseren din. Den opprinnelige teksten i overskriften og textarea kontrollene vises.

6 Klikk på knappen merket "Erstatt ordet i overskriften." Javascript-funksjonen vil erstatte ordet "hund" med "cat". Klikk på den andre knappen merket "Erstatt ordet i Tekstfeltegenskaper." Den samme funksjonen endrer ordet "rød" til "blue".

Hint

Kaller "replaceWord" -funksjon som helst du trenger å erstatte ord i en kontroll. Som vist i eksempelet, må du bestå funksjonen ID-kontrollen som inneholder teksten, ordet skal se etter og utskifting ord.
Du kan også bruke denne funksjonen til å kapitalisere bestemte ord i en kontroll. For eksempel kan du se etter ordet "florida" og erstatte det med "Florida".