JavaScriptで正しくJavaScriptをエスケープする方法はありますか？

Question

これは

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

onmouseover="heartOver('');部分は私のJavaScriptを壊す...私が行うことができないものになるかもしれませんが。私はこれを行うことができるように引用符を逃れる方法はありますか？それを検証したり消毒せずに\'

また、決してエコーユーザーデータ：

Answer 1

エスケープは、バックスラッシュと引用符を入れ子に

$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 
} 

OR

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

Answer 2

それは問題だけですべてです引用符を正しくエスケープする。

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>'; 

また、alt属性が不足しています。

Answer 3

あなたの問題は、引用符をエスケープすることです。 'or'を\ 'または' "に置き換えると、一重引用符または二重引用符のいずれかをエスケープできます。

だからあなたのコードは次のようになります。

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>';