如何将脚本标签/JS作为文本附加到文本区域（不可执行）

【问题标题】：How to append script tag/JS to textarea as text (non executeable)如何将脚本标签/JS作为文本附加到文本区域（不可执行）
【发布时间】：2019-05-27 20:00:00
【问题描述】：

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

我尝试附加 JS/脚本标签，但它似乎没有作为文本附加（= 在文本区域中不显示任何内容）

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

【问题讨论】：

标签： javascript jquery append textarea

【解决方案1】：

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

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

【讨论】：

干杯 Taplar - 它有效！您知道是否有任何方法可以打印出带有链接中断、选项卡等格式的打印件？（所以它看起来“漂亮”）
@user1231561 您可以为新行添加\n，为标签添加\t。更新了答案。
完美，就像魅力一样 - 欣赏 Taplar 的出色努力