javascript - JavaScript コードをユーザーに出力する

Question

ユーザーにコードを出力またはエコー バックしたいのですが、実行しようとすると ILLEGAL エラーが発生します。以下のコードを実行するのではなく、通常のテキストとして表示するにはどうすればよいですか。

alert('<script>hello</script>');

次のように、エラーが発生したときにjQueryを使用してテキストボックスに出力しようとしました:

$('.printed-code').val('<script> write your code between these lines </script>');

Answer 1

JavaScript を<script>要素に配置している場合</script>、文字列リテラルの は、スクリプトの一致する終了タグとして認識されます。文字列をエスケープ シーケンスで分割します (JS 文字列リテラルで\/は、 と同じ意味/です)。

$('.printed-code').val('<script> write your code between these lines <\/script>');

…またはスクリプトを外部ファイルに保持し、<script src="foo.js"></script>.

---

ユーザーに情報を表示する場合は、 を使用してはならない<input>ため、text()メソッドではなくメソッドが必要になりますval()。（当面のタスクに適した要素または何かに.printed-code一致すると仮定します）。<code>

$('code.printed-code').text('<script> write your code between these lines </script>');

Answer 2

/次のようにエスケープする必要があります<\/script>。そうしないと、特に</スクリプトブロックが終了する古いブラウザーでエラーが発生します (not </script>)

Answer 3

scriptタグは文字通り解釈されています。

試す：

alert('<script>hello</script>')