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

Échapper aux guillemets en JavaScript pour les attributs HTML

Lors de la sortie des valeurs d'une base de données vers une page HTML, il est crucial de gérer correctement certains caractères, tels que les guillemets, pour éviter comportement inattendu.

Prenons l'exemple où une chaîne extraite d'une base de données doit être utilisée comme paramètre dans un attribut HTML onclick :

<a href="" onclick="DoEdit('DESCRIPTION');">Click Me</a>

Si DESCRIPTION contient un espace et un guillemet, tel as :

Prelim Assess "Mini" Report

Firefox tronque prématurément l'attribut onclick après l'espace dans "Évaluer" en raison du guillemet double après "Évaluer".

Pour résoudre ce problème, il est nécessaire d'"échapper" " les citations gênantes. Bien que l'utilisation du caractère d'échappement JavaScript soit insuffisante dans ce contexte HTML, une approche différente est nécessaire.

La solution consiste à remplacer le caractère guillemet double par sa représentation d'entité XML correspondante, ". Cela garantira que les guillemets doubles sont interprétés comme un délimiteur de chaîne dans l'attribut HTML :

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

En échappant aux guillemets doubles dans la chaîne, l'attribut onclick fonctionne désormais 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!