Comment puis-je éviter JavaScript correctement dans JavaScript?

Question

Cela pourrait être quelque chose que je ne peux pas faire, mais ...

parent.document.getElementById('<?php echo $_GET['song']; ?>') 
    .innerHTML = '<img src="heart.png" onmouseover="heartOver('');" >'; 

La partie onmouseover="heartOver(''); me brise JavaScript. Y a-t-il un moyen d'échapper aux citations afin que je puisse le faire?

Answer 1

citations d'échappement imbriquées avec une barre oblique inverse: \'

De plus, jamais données utilisateur écho sans valider ou désinfectante il:

$song = $_GET['song']; 

// Validate HTML id (http://www.w3.org/TR/REC-html40/types.html#type-name) 
if(!preg_match('/^[a-z][-a-z0-9_:\.]*$/', $song) { 
    // Display error because $song is invalid 
} 

OU

// Sanitize 
$song = preg_replace('/(^[^a-z]*|[^-a-z0-9_:\.])/', '', $song); 

Answer 2

Il est tout simplement une question d'échapper aux citations correctement.

parent.document.getElementById('<?php echo $_GET['song']; ?>').innerHTML = 
    '<a href="heart.php?action=unlove&song=<?php echo $song; ?>" target="hiddenframe">' 
    + '<img src="images/heart.png" alt="Love!" onmouseover="heartOver(\'\');" width="16" height="16" border="0"></a>'; 

De plus, il vous manque la fin de l'attribut alt.

Answer 3

Votre problème concerne les devis qui s'échappent. Vous pouvez échapper à une citation simple ou double en remplaçant «ou» par «ou».

donc votre code serait:

parent.document.getElementById('<?php echo $_GET['song']; ?>').innerHTML = '<a href="heart.php?action=unlove&song=<?php echo $song; ?>" target="hiddenframe"><img src="images/heart.png" alt="Love! onmouseover="heartOver(\'\');" width="16" height="16" border="0"></a>';