javascript - 用 cdata 标签替换 script 标签

Question

我想替换<script与 <![CDATA[<script , </script>与 </script>]]>并将其放入新的 dom 元素中。

所以我编写了一个正则表达式来替换标签，我需要将此脚本作为内部 html 放入如下元素

我写了下面的代码

  var html = "<script src=\"https://dynamic.test.com/test/test/common/js/test.js\"></script>";
  html = html.replace(/<script/ig,"<!CDATA[<script")
             .replace(/<\/script>/ig,"</script>]]>");


 console.log(""$j("<test/>").html(html)[0].outerHTML);

我得到的输出如下

 <test><!--CDATA[<script src="https://dynamic.test.com/test/test/common/js/test.js"-->]]&gt;</test>

但是预期的输出是

    <test><!--CDATA[<script src="https://dynamic.test.com/test/test/common/js/test.js"></script>]]></test>  

Answer 1

您的文档似乎处于 HTML 模式(即用作 text/html )。 HTML 不支持显式 CDATA 部分。您将需要一个 XML 文档。

改用实体。替换< , > ，等人 < , >等等

更好的是:停止修改字符串来创建 HTML。使用appendChild和createTextNode .