JavaScriptのスクリプトブロックにJS関数を追加する方法

Question

以下の要素を作成し、HTMLファイルのheadセクションに追加する必要があります。

<script type="text/javascript"> 
 
\t //Var declarations - ABCCD 
 
     (function(d) { 
 
      //FUNCTION CODES 
 
     }(document)); 
 
    </script>

すべてが行われますが、私はただ、上記の一部の問題を取得しています。私はさまざまなオプションを試しましたが、言及されているように関数を追加することはできません。

var headtg = document.getElementsByTagName('head')[0]; 
 
var divElm = document.createElement('div'); 
 
var scpt = document.createElement('script'); 
 
scpt.type = 'text/javascript'; 
 

 
var A = "100"; 
 

 
    var myfunc1 = function(d) { 
 
      //LINES OF CODE 
 
     }(document); 
 

 
divElm.className = "ABC_" + A; 
 
divElm.appendChild(scpt); 
 
headtg.appendChild(divElm); 
 

 
//Var declaration part 
 
var decvar = 'var A = 10;' 
 
scpt.appendChild(document.createTextNode(decvar)); 
 
    
 
scpt.innerHTML = myfunc1;

しかし機能は、スクリプトブロック内で上がってくると未定義を考え出すされていません。

私はあなたが聞きしたいのかわからないんだけど、私はあなたの即時関数が文法的に間違っていると思う

Answer 1

のように書かれて追加する方法の例です。私が時折使用するhtmlページのトップにjqueryスクリプト。 jqueryスクリプトを注入するのではなく、JavaScriptを注入します。

var jq = document.createElement('script'); 
jq.src = 
"https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"; 
document.getElementsByTagName('head')[0].appendChild(jq); 
setTimeout(function(){ 
    console.log("Hey jquery"); 
}, 1000); 

Answer 2

を助けてください、それはここでは、この

(function(param){ 
    //Do something 
})(passed_param); 

Answer 3

限り、私はあなたのコードから理解できるように、あなたがscriptタグに追加しようとしているinnerHTMLは文字列が、関数オブジェクトではありません。これを ""の間に変更する必要があります。

編集： また、tag.innerHTML = "something"を設定すると、すべてのタグの内容が置き換えられます。あなたの場合は、代わりにそれに追加したいと思うかもしれませんので、tag.innerHTML += "something"を実行してください。