[解決済み] jQueryでHTML文字列をエスケープする
2022-03-15 01:20:33
質問
の文字列からHTMLをエスケープする簡単な方法をご存知の方はいらっしゃいますか? jQuery ? 任意の文字列を渡して、HTMLページで表示するために適切にエスケープできるようにする必要があります(JavaScript/HTMLインジェクション攻撃を防止する)。 これを行うためにjQueryを拡張することが可能であると確信していますが、私はこれを達成するためにフレームワークについて現時点で十分な知識がありません。
解決方法は?
を使用しているため
jQuery
を設定すれば、その要素の
text
プロパティを設定します。
// before:
// <div class="someClass">text</div>
var someHtmlString = "<script>alert('hi!');</script>";
// set a DIV's text:
$("div.someClass").text(someHtmlString);
// after:
// <div class="someClass"><script>alert('hi!');</script></div>
// get the text in a string:
var escaped = $("<div>").text(someHtmlString).html();
// value:
// <script>alert('hi!');</script>
関連
-
[解決済み】Node.js Error: Cannot find module express
-
JSクリックイベント - Uncaught TypeError: プロパティ 'onclick' に null を設定できません。
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] JavaScriptで複数行の文字列を作成する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryで入力を無効化/有効化する?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
HTML+CSS+JavaScriptで簡単な三目並べゲームを作成する。
-
vueにおけるv-forループオブジェクトのプロパティ
-
Vueのクラススタイルの使い方の詳細
-
[解決済み】最大呼び出しスタックサイズ超過エラー
-
[解決済み】Node Version Manager のインストール - nvm コマンドが見つかりません。
-
[解決済み】リソースの読み込みに失敗した:Bind関数でサーバーが500(Internal Server Error)のステータスで応答した【非公開
-
[解決済み] JavaScriptでJSONをきれいに印刷する
-
[解決済み】JavaScriptでHTMLの特殊文字をエスケープすることはできますか?
-
[解決済み】jQuery: ドロップダウンを移入するためのベストプラクティス?