Comment échapper aux guillemets doubles en JavaScript pour les attributs HTML ?

Échapper aux guillemets doubles en JavaScript pour les attributs HTML

Lorsque vous transférez les valeurs de la base de données au format HTML, il est crucial d'échapper correctement les caractères spéciaux tels que les guillemets doubles pour éviter les erreurs d'analyse du navigateur. Dans le cas des gestionnaires d'événements onclick, les guillemets doubles indiquent la fin de l'attribut, ce qui entraîne une troncature involontaire du script.

Énoncé du problème :

Un champ de base de données contient une valeur qui comprend un espace et un guillemet double. Lors de la tentative d'affichage de cette valeur dans l'attribut onclick d'une balise HTML, Firefox a tronqué l'appel JavaScript à l'espace après le mot "Évaluer".

Solution :

Pour échapper au caractère guillemet double dans le contexte HTML, il ne faut pas utiliser le caractère d'échappement JavaScript (). Au lieu de cela, la représentation d'entité XML appropriée doit être utilisée : ". En remplaçant les guillemets doubles par ", le navigateur interprétera la chaîne entière comme faisant partie de l'attribut onclick.

HTML mis à jour :

<a href="#" onclick="DoEdit('Preliminary Assessment &amp;quot;Mini&amp;quot;'); return false;">edit</a>

Explication :

Le " L'entité indique au navigateur d'interpréter la séquence de caractères comme un guillemet double, plutôt que de mettre fin à l'attribut onclick. Cela garantit que l'appel JavaScript s'exécute comme prévu.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!