javascriptで「”」をエスケープさせる方法

例えば下記のような変数の場合のように””で囲まれた中に、さらに””を入れる方法です。

var zoomDay = ”「<button type=button” onclick=”location.href='https://www.sejuku.net'”>遷移!</button>」”; 

JavaScriptでは、文字列を引用符で囲むことで表します。引用符の中で引用符を使用する場合には、エスケープ文字を使って表現する必要があります。

例えば、以下のようにダブルクォートで文字列を囲んでいる場合、ダブルクォートを含む文字列をエスケープする必要があります。

var zoomDay = ”Zoom Day\”s Event”;

同様に、シングルクォートで文字列を囲んでいる場合には、シングルクォートを含む文字列をエスケープする必要があります。

var zoomDay = 'Zoom Day\'s Event';

したがって、以下のように変数に文字列を代入する場合、引用符の種類に合わせてエスケープする必要があります。

var zoomDay = '<button type="button" onclick="location.href=\'https://www.sejuku.net\'">遷移!</button>';

上記のように、文字列全体をシングルクォートで囲むことで、ダブルクォートを含むHTML文字列をエスケープしています。また、onclick属性内でURLをシングルクォートで囲むため、内側の引用符をエスケープする必要があります。

タイトルとURLをコピーしました