如何在JavaScript中附加？ [重复]

Question

此问题已经在这里有了答案：

Can't append <script> element（18个回答）

关闭5年前。

我需要使用childappend或jquery append（）将一些标签内容附加到文档中。据我所知，这正在被剥离。有人知道怎么做吗？

Answer 1

尝试一下：

var s = document.createElement("script");
s.type = "text/javascript";
s.src = "http://somedomain.com/somescript";
$("head").append(s);

请注意，脚本将加载，您可以访问其中的变量，但在DOM中看不到实际的<script>标记。

Answer 2

// Create the element

var script = document.createElement("script");

// Add script content

script.innerHTML = "...";

// Append

document.head.appendChild(script);

或

document.body.appendChild(script);

Answer 3

$('<script>alert("hi");</' + 'script>').appendTo(document.body);

DEMO

Answer 4

[如果您需要附加脚本以便对其进行解析，则可以像Google为其+1按钮所做的那样操作

  (function() {
    var po = document.createElement('script');
    po.type = 'text/javascript';
    po.async = true;
    po.src = 'link to your script here';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(po, s);
  })();

Answer 5

这对我有用..

<script>
    $('head').append("<script>your script content here<\/script>");
</script>

请注意，内部</script>的“ /”已转义为"<\/script>"。如果不是，则实际上关闭外部<script>标签。

添加的脚本将不可见，但将被执行。希望有帮助。

Answer 6

$('your_document_selector').text('<script></script>')

[.text()使得可以附加脚本标签并将其呈现为HTML。

OR

$('your_document_selector').append('<script></script>')