Uno de los problemas más comunes en diseño y programación es mostrar correctamente los acentos, tildes y caracteres especiales (á, è, î, ö, ñ …) en el documento, esto suele corregirse con la codificación adecuada (UTF-8, ISO …) o escribiendo el caracter especial en código HTML, por ejemplo, “á” para mostrar “á”, algo muy sencillo, pues la mayoría de programas, como Visual Studio, CODA o Dreamweaver lo hacen de forma automática.

El gran problema es, cuando queremos introducir estos caracteres, por ejemplo, en un alert javascript, dónde obtenemos resultados indeseados.

Por ejemplo si tenemos el siguiente código que muestra un alert, al ejecutarlo se mostraran caracteres extraños dependiendo de la codificación de la página.

function Hello(){
     alert('Atención, Ramón está en la estación !!!');
}

Para solucionar este problema, deberemos usar cadenas de escape. Las cadenas de escape permiten introducir caracteres especiales en Javascript como saltos de linea, tildes, tabuladores, etc. Entre las más usadas, podemos destacar las siguientes:

\n: Salto de linea.
\r: Salto de línea.
\t: Tabulación horizontal.
\v: Tabulación vertical.
\': Comilla simple o apostrofe.
\": Comillas dobles.
\\: Barra invertida.
\xdd: Caracter especial especificado por dos dígitos hexadecimanes dd

Esta última cadena de escape es la que nos permitirá mostrar todos los caracteres especiales, acentos y tildes que deseemos, para ello solo nos hace falta conocer los equivalentes hexadecimales de los caracteres que queremos mostrar.

En la siguiente tabla, podemos ver los principales caracteres especiales, tildes y acentos más usados:

Ahora, solo deberiamos sustituir dd por el equivalente del caracter que queramos mostrar, por ejemplo, el equivalente para “ó” sería f3. Entonces, vamos a ver como deberiamos escribir el código anterior para que todos los caracteres se mostraran de forma correcta:

function Hello(){
     alert('Atenci\xf3n, Ram\xf3n est\xe1 en la estaci\xf3n !!!');
}