web-dev-qa-db-ja.com

javascriptで<script> </ script>を追加する方法は？

Childappendまたはjquery append（）を使用して、いくつかのタグをドキュメントに追加する必要があります。私が言うことができることから、これは取り除かれています。誰もがそれを行う方法を知っていますか？

javascriptjqueryappendappendchild
81
David

これを試して：

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

スクリプトが読み込まれ、その中の変数にアクセスできますが、DOMに実際の<script>タグが表示されないことに注意してください。

125
Sapan Diwakar
// Create the element

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

// Add script content

script.innerHTML = "...";

// Append

document.head.appendChild(script);

または

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

DEMO

47
qwertymk

解析するためにスクリプトを追加する必要がある場合は、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);
  })();
20
Nicola Peluchetti

これは私のために働いた..

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

内側の</script>の「/」はエスケープされて"<\/script>"になっていることに注意してください。そうでない場合は、実際に外側の<script>タグを閉じます。

追加されたスクリプトは表示されませんが、実行されます。お役に立てば幸いです。

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

.text()を使用すると、HTMLとしてレンダリングされるスクリプトタグを追加できます。

OR

$('your_document_selector').append('&lt;script&gt;&lt;/script&gt;')
2
linuxeasy