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

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

データベース値を HTML に出力する場合、二重引用符などの特殊文字を適切にエスケープすることが重要ですブラウザの解析エラーを防ぐため。 onclick イベント ハンドラーの場合、二重引用符は属性の終わりを示し、意図しないスクリプトの切り捨てにつながります。

問題ステートメント:

データベース フィールドに値が含まれていますこれにはスペースと二重引用符が含まれます。この値を HTML タグの onclick 属性内に出力しようとすると、Firefox は「Assess」という単語の後のスペースで JavaScript 呼び出しを切り捨てました。

解決策:

HTML コンテキストで二重引用符をエスケープする場合は、JavaScript エスケープ文字 () を使用しないでください。代わりに、適切な XML エンティティ表現を使用する必要があります: "。二重引用符を " に置き換えることで、ブラウザは文字列全体を onclick 属性の一部として解釈します。

更新された HTML:

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

説明:

「」エンティティは、onclick 属性を終了するのではなく、文字シーケンスを二重引用符として解釈するようにブラウザに指示します。これにより、JavaScript 呼び出しが意図したとおりに実行されます。

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