Carácteres escapados en Javascript

Carácteres escapados en Javascript

Print Friendly, PDF & Email
Carácteres escapados en Javascript
Valora esta entrada
El término escapar un carácter en Javascript sin duda da un poquito de yuyu. En realidad una palabra poco atractiva para algo muy práctico.

El concepto es muy similar al de escapar un carácter en HTML. Esto es escribir un string mediante números, letras y símbolos que el navegador pueda entender siempre. Por ejemplo los famosos códigos ASCII.

Un ejemplo de su utilidad es cuando en lenguaje de marcado vamos a escribir el texto  </ y no queremos que el navegador lo interprete como un error de sintaxis del código. En su lugar escribimos &lt;/.

Pues bien, en javascript sucede algo parecido.

Cuando ejecutamos window.alert() tenemos que pensar que lo que le estamos pidiendo al navegador es que cree una ventana emergente.

Esta ventana emergente es una ventana y no un documento html. Carece de las etiquetas <html> y </html> y del <DOCTYPE! html>. Por lo tanto el contenido que pongamos en html obviamente no lo va a interpretar.

Esto implica que determinadas instrucciones se deberán escribir “escapadas”. Un ejemplo clásico es el de salto de línea. Deberemos buscar formas alternativas de dar la instrucción al navegador.

El símbolo mágico es la contra barra \.

Las instrucciones mínimas a recordar son:

\n , salto de línea

\' , para indicar comilla simple

\`` , para indicar comilla doble

\\ , para escribir la contrabarra

Ejemplo práctico

escapar instrucciones en javascript
Ejemplo de como escapar instrucciones en Javascript

La ventana creada por window.alert() no es un documento web y por tanto no interpreta el html.

Fijaros en la etiqueta <strong>. El texto no se ve en negrita y la etiqueta se ha escrito literalmente.

Sin embargo los caracteres precedidos de contrabarra \ si son entendidos.

Para profundizar: ¿como he creado en wordpress el botón del ejemplo anterior?

El botón que has visto tiene un identificador id de nombre “ejemplo”.

Mediante la etiqueta <script> he creado un pequeño código que llama a window.onload() para que cuando se cargue el documento asigne al botón un evento onclick. El identificador id me ayuda a llamar el botón mediante getElementById().

El evento onclick ejecuta la función “ejecutar”, que no es más que un window.alert() con el texto escapado convenientemente.

Si tienes interés puedes trastear el código mediante las herramientas para desarrolladores web y/o preguntarme en los comentarios.

¡Fíjate que ni siquiera estoy usando jquery!

Entradas relacionadas:

Ejercicio – Corrige los errores (concepto acoplamiento javascript)
- 101
Ejercicio javascript en el que se repasa el concepto de acoplamiento y se piden corregir algunos errores típicos.
Como contar vocales y espacios en blanco en un texto mediante javascript
- 75
Ejercicio con solución dónde se muestra como hacer un script que cuenta todas las vocales y espacios en blanco de un texto introducido por el usario.
3 formas de cambiar la ubicación de búsqueda en Google
- 144
En esta entrada encontrarás 3 formas distintas de modificar tu ubicación de búsqueda en google sin necesidad de que te tengas que desplazar.
Ejercicio – ¿Estamos en fin de semana?
- 83
Ejercicio dónde se resuelve un simple ejercicio mediante el uso de getDay() y se compara un switch y un if. Incluye solución.
Como llamar nodos del DOM mediante javascript
- 383
Repasamos los distintos métodos directos e indirectos y estrategias para acceder e identificar los nodos del DOM de modo inequívoco.
Ejercicio JS – Como cargar una imagen aleatoria al clicar un botón
- 54
Ejercicio javascript resuelto en el que see plantea un script para cargar una imagen aleatoria cada vez que se clica un botón.
Resumen de carácteres extraños en Javascript
- 193
Muchos alumnos me habéis pedido esta entrada sobre los carácteres , . : ; [] {} () en Javascript. Y es que tenéis razón. Hay pocos recursos en internet que los aglutinen y nos expliquen dónde debemo...
Métodos imprescindibles para trabajar con fechas en Javascript
- 188
Compendio de métodos para trabajar con fechas en Javascript. Comparto mi chuleta de métodos para obtener y crear nuevas fechas.
Ejercicio – Escribir un texto almacenado en una variable
- 63
Este es un simple ejercicio cuyo objetivo es únicamente coger un poco de soltura usando expresiones típicas en javascript.
Ejercicio – Diferencia entre ++x y x++ en Javascript
- 65
En esta publicación se repasa mediante ejercicios la diferencia entre escribir ++x y x++ o --x y x--. Es cuestión de pillarle el tranquillo.
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.