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

Question

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

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

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 = '&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>

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

How to append script tag/JS to textarea as text (non executeable)

javascript

jquery

textarea

append