Escape de comillas dobles en JavaScript controlador de eventos onClick

El siguiente bloque de código simple se puede publicar en una página HTML estática pero da como resultado un error de JavaScript. ¿Cómo se debe evitar la comilla doble incrustada en el controlador onClick (es decir, \ "xyz)? Tenga en cuenta que el HTML se genera dinámicamente extrayendo datos de una base de datos, cuyos datos son fragmentos de otro código HTML que podría tener uno o dos comillas. parece que la adición de una sola barra invertida delante del carácter de comillas dobles no hace el truco.Escape de comillas dobles en JavaScript controlador de eventos onClick

<script type="text/javascript"> 
    function parse(a, b, c) { 
     alert(c); 
    } 
</script> 

<a href="#x" onclick="parse('#', false, '<a href=\"xyz'); return false">Test</a>

Fuente

2009-07-04 user133046

¿Usted intentó

" o \x22

en lugar de

\"

Fuente

2009-07-04 05:29:19

Acabo de probar esto en FF3.6 e IE8 en un escenario similar y no funcionó. Sin embargo, reemplazó el "con ". También probé el código exacto anterior y funcionó de ambas maneras. En resumen, el \ x22 no parece funcionar en todos los escenarios y debería intentar " en ese caso. – SpliFF

Bueno. " parece funcionar en atributos de etiqueta html en Webkit y Firefox y Opera. – NoBugs

\ x22 es el único que funcionó para mí – Ruwantha

Creo que el mejor enfoque consiste en asignar el manejador onclick unobtrusively.

Algo como esto :

window.onload = function(){ 
    var myLink = document.getElementsById('myLinkId'); 
    myLink.onclick = function(){ 
     parse('#', false, '<a href="xyz'); 
     return false; 
    } 
} 

//... 


<a href="#" id="myLink">Test</a>

Fuente

2009-07-04 05:26:11 CMS

Es posible que también desee probar dos barras diagonales inversas (\\") para escapar del carácter de escape.

Fuente

2009-07-04 05:41:10

Clásico. Stackoverflow se comió una de tus barras invertidas y solo mostró la otra. Lo arreglé por ti. – Nosredna

Vaya, gracias. Me pregunto si eso le pasó al OP. –

Aunque estoy de acuerdo con la CMS en hacer esto de una manera discreta (a través de un lib como jQuery o Dojo), esto es lo que también funcionan:

<script type="text/javascript"> 
function parse(a, b, c) { 
    alert(c); 
    } 

</script> 

<a href="#x" onclick="parse('#', false, 'xyc&quot;foo');return false;">Test</a>

La razón de que barfs no es causa de JavaScript, es porque del analizador de HTML. No tiene ningún concepto de las comillas escapadas que se desplazan a lo largo de la búsqueda de la cotización final y la encuentra y la devuelve como la función onclick. Esto es javascript no válido, por lo que no encontrará el error hasta que JavaScript intente ejecutar la función ...

Fuente

2009-07-04 05:41:44 seth

Votación a la baja. ¡NO necesitas un marco para algo como esto! –

+1 para " ... – Greg

Necesita ser HTML-escapado, no JavaScript-escapado. Cambie \" a "

Fuente

2009-07-04 16:47:34

Escape de comillas dobles en JavaScript controlador de eventos onClick

Respuesta

Cuestiones relacionadas