如何在javascript中附加<script> </script>？

Question

我需要使用childappend或jquery append（）将一些标记内容附加到文档中。据我所知，这已被剥夺。有谁知道怎么做？

Answer 1

// Create the element

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

// Add script content

script.innerHTML = "...";

// Append

document.head.appendChild(script);

或者

document.body.appendChild(script);

Answer 2

试试这个：

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

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

Answer 3

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

DEMO

Answer 4

如果您需要附加一个脚本以便解析它，您可以像谷歌那样为他的+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>')