Tecnología

Inicio

Cómo cambiar las palabras de Java Script

Cómo cambiar las palabras de Java Script


Los sitios web suelen mostrar efectos especiales donde los colores o formas cambian en respuesta a las acciones del usuario. El uso de JavaScript, también puede hacer que el texto en una página Web de cambio mediante la sustitución de las palabras en cualquier elemento de la página HTML. Por ejemplo, un clic de un botón puede cambiar todas las apariciones de la palabra "triste" en un área de texto con la palabra "feliz". Todo lo que necesita para crear este efecto es una función de JavaScript que sabe cómo sustituir el texto HTML.

Instrucciones

1 Abrir un documento HTML utilizando el Bloc de notas o su editor HTML.

2 Añadir el código debajo de la apertura del documento de etiquetas "<body>":

<H1 id = "Heading1"> palabra original en el encabezamiento = perro </ h1>

<Input type = "button" value = "Reemplazar la palabra en la partida"

onclick = "replaceWord ( 'Heading1', 'perro', 'gato')" />

<P> </ p>

Esto crea un encabezado que contiene el texto. El botón debajo del título llama a una función JavaScript. Se pasa el ID de la partida, la palabra que desea reemplazar y la palabra de sustitución. En este ejemplo, una llamada a la función reemplazará la palabra "perro" con "gato".

3 Agregue el siguiente código debajo del código que se muestra en el paso anterior:

<textarea id = "cols =" TextArea1 filas "60" = "3">

palabra original en TextArea = rojo

</ Textarea>

<Input type = "button" value = "Reemplazar Palabra en TextArea"

onclick = "replaceWord ( 'TextArea1", "rojo", "azul") "/>

Esto crea un control área de texto que también contiene el texto. El botón debajo de este control de llama a la misma función de JavaScript. Se pasa el id del control área de texto, la palabra que desea reemplazar y la palabra de sustitución.

4 Coloca este código JavaScript en la sección de "cabeza" del documento:

<Script language = "javascript" type = "text / javascript">

replaceWord función (control, oldWord, newWord) {

var pageElement = document.getElementById (control);

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

si (pageElement.value)

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

más

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

}

</ Script>

Esta función recibe el nombre del control pasado por uno de los botones, la palabra que debe buscar y la palabra de sustitución. A continuación, utiliza el método de JavaScript "reemplazar" para localizar la palabra objetivo y reemplazar todas las apariciones de la palabra con la nueva.

5 Guarde este documento y abrirlo su navegador. aparecerá el texto original en los controles de rumbo y de área de texto.

6 Haga clic en el botón "Reemplazar la palabra en la partida." La función de JavaScript reemplazará la palabra "perro" con "gato". Haga clic en el otro botón llamado "Reemplazar palabra en TextArea." La misma función cambia la palabra "rojo" a "azul".

Consejos y advertencias

  • Llame a la función "replaceWord" cualquier momento es necesario sustituir las palabras en un control. Como se muestra en el ejemplo, debe pasar a la función del ID del control que contiene el texto, la palabra a buscar y la palabra de sustitución.
  • También puede utilizar esta función para capitalizar palabras específicas en un control. Por ejemplo, es posible buscar la palabra "florida" y sustituirla por "Florida".

Artículos relacionados