javascript - 如何将脚本标签/JS作为文本 append 到文本区域(不可执行)

Question

我如何在文本区域中将 html 标签/javascript 作为文本打印出来？ (不可执行)

我尝试 append JS/script 标签，但这似乎没有作为文本 append (= 在文本区域中不显示任何内容)

Jquery

  $('#textarea').append('' +
    '<script type="text/javascript">' +
        'adf.Params.PageName = encodeURIComponent("[hello]");' +
        'adf.Params.Divider = encodeURIComponent("|");' +
    '</script>' +
  '');

HTML

<textarea rows="12" cols="50" name="textarea" id="textarea"></textarea>

JSFiddle here

Answer 1

似乎存在与脚本标记相关的问题。一种选择是对 < 进行编码打开和关闭脚本标记上的字符，以便它们不会被评估为实际标记。

var text = '<script type="text/javascript">\n\t' +
  'adf.Params.PageName = encodeURIComponent("[hello]");\n\t' +
  'adf.Params.Divider = encodeURIComponent("|");\n' +
  '</script>';

$('#textarea').append(text);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea rows="12" cols="50" name="textarea" id="textarea"></textarea>