Échapper les guillemets doubles JavaScript onClick gestionnaire d'événements

Le simple bloc de code ci-dessous peut être servi dans une page HTML statique, mais les résultats dans une erreur JavaScript. Comment devriez-vous échapper à la embarqués double quote dans le gestionnaire onClick (c'est à dire \"xyz)? Notez que le code HTML est généré dynamiquement par l'extraction de données à partir d'une base de données, les données de ce qui est des extraits de autres code HTML qui pourrait avoir des guillemets simples et doubles. Il semble que l'ajout d'une seule barre oblique inverse devant le double caractère de guillemet ne pas faire l'affaire.

<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>
InformationsquelleAutor user133046 | 2009-07-04
  1. 82

    Avez-vous essayé

    &quot; ou \x22

    au lieu de

    \"

    ?

    • Je viens de tester cela dans FF3.6 et IE8 sous un scénario similaire et ça ne fonctionne pas. Toutefois, le remplacement de la " avec &quot; ne. J'ai aussi testé le code exact ci-dessus et cela a fonctionné dans les deux sens. En bref, le \x22 ne semble pas fonctionner dans tous les scénarios et vous devriez essayer &quot;, dans ce cas.
    • Nice. &quot; semble fonctionner dans la balise html attributs dans Webkit et Firefox et Opera.
    • \x22 est la seule qui a fonctionné pour moi
    • Pour moi, &quot; a bien fonctionné à l'intérieur d'un événement click: <a href="javascript:;" onclick="$(&quot;[id$='_txtFieldToClear']&quot;).val(&quot;&quot;);">Clear</a>
    • \" a fonctionné pour moi! La vie de veille. Cheers Landon.
    InformationsquelleAutor Landon Kuhn
  2. 53

    Il doit être en HTML échappé, pas de Javascript échappé. Changement \" à &quot;

    InformationsquelleAutor Aseem Kishore
  3. 6

    Alors que je suis d'accord avec la CMS à ce sujet d'une manière discrète (via une lib comme jquery ou dojo), voici de quoi également des travaux:

    <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 raison pour laquelle il barfs n'est pas à cause de JavaScript, c'est à cause de l'analyseur HTML. Il n'a pas de concept échappé de citations pour qu'il s'impatiente le long de la recherche de la fin de citation, et il juge et renvoie ce que le onclick de la fonction. Ce n'est pas valide javascript si vous ne trouvez pas sur l'erreur jusqu'à ce que le JavaScript essaie d'exécuter la fonction..

    • Downvote. Vous n'avez PAS besoin d'un cadre pour quelque chose comme ça!
    • +1 pour &quot;...
    InformationsquelleAutor seth
  4. 5

    Vous pouvez également essayer les deux barres obliques (\\") d'échapper le caractère d'échappement.

    • Classique. Stackoverflow mangé une de vos barres obliques inverses et affiche uniquement l'autre. J'ai corrigé pour vous.
    • Oups, merci. Je me demande si ce qui s'est passé à l'OP.
    InformationsquelleAutor Mark A. Nicolosi
  5. 1

    Je pense que la meilleure approche consiste à attribuer la onclick gestionnaire discrètement.

    Quelque chose comme ceci:

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

//...


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