私はJavascriptを使って追加のカスタムJavaScriptを生成し、それをHEADタグに追加しています。以下のコードはjavascriptファイルを追加するのに効果的ですが、スクリプトが変数に生成されている場合はどうなりますか？ファイルではなく文字列からheadタグに動的なjavascriptを追加するにはどうすればよいですか？
var scriptTag = document.createElement("script");
scriptTag.setAttribute("type", "text/javascript");
scriptTag.setAttribute("src", "myfile.js");
document.getElementsByTagName("head")[0].appendChild(scriptTag);
ありがとうございました。
// script text
var txt = "alert('foo');";
var scriptTag = document.createElement("script");
scriptTag.setAttribute("type", "text/javascript");
// append it in a text node
scriptTag.appendChild(document.createTextNode(txt));
document.getElementsByTagName("head")[0].appendChild(scriptTag);
FWIW、あなたはこのためにスクリプトタグは必要ありません。代わりにFunctionコンストラクタを使用できます。
var txt = "alert('foo');";
Function(txt)();
それはそれを得ました！ TY –
@VincentJames：どうぞよろしくお願いいたします。 –
+1 for createTextNode –
var scriptTag = document.createElement("script");
scriptTag.setAttribute("type", "text/javascript");
scriptTag.innerHTML = "What you want here";///....
document.getElementsByTagName("head")[0].appendChild(scriptTag);
ありがとうゴードン、私はそれを行うとき、私は機能が見つかりません。 Chromeで要素を調べると、HEADに新しいSCRIPTタグが表示されますが、常に空で、.innerHTMLに割り当てられている文字列には値があります。 –
@VincentJames：あなたは追加されている '' src "'属性を取り除きたいでしょう。 –
@VincentJames。デモをご覧ください。 – gdoron
両方の回答は特に@gdoronからのものです。 http://jsfiddle.net/bitoiu/EKpGg/
スニペット：どのように変数で
$(function(){
var script = document.createElement('script');
script.type = 'text/javascript';
// script.url = 'some valid url';
$('head').append(script);
});
私はあなたがjqueryの中に同じことをしたい場合には、簡単な例を書きましたか？文字列としてのソースコードですか？ –