JavaScript で HTML 属性の引用符をエスケープする方法

JavaScript での HTML 属性の引用符のエスケープ

データベースから HTML ページに値を出力する場合、引用符などの特定の文字を正しく処理して、エスケープを防ぐことが重要です。予期しない動作です。

データベースから取得した文字列を onclick HTML 属性のパラメータとして使用する必要がある例を考えてみましょう。

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

DESCRIPTION にスペースと引用符が含まれている場合、次のようになります。として:

Prelim Assess "Mini" Report

Firefox は、「Assess」の後の二重引用符が原因で、「Assess」のスペースの後の onclick 属性を途中で切り捨てます。

この問題を解決するには、「エスケープ」する必要があります。 「厄介な引用。この HTML コンテキストでは JavaScript エスケープ文字の使用は不十分ですが、別のアプローチが必要です。

解決策には、二重引用符文字を対応する XML エンティティ表現 &quo; に置き換えることが含まれます。これにより、二重引用符が HTML 属性内の文字列区切り文字として解釈されるようになります。

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

文字列内の二重引用符をエスケープすることで、onclick 属性が意図したとおりに動作するようになりました。

以上がJavaScript で HTML 属性の引用符をエスケープする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。