<script>要素をDOMに追加して、JavaScriptを実行していますか？

Question

javascriptコードを実行するために、既存のDOMに要素を追加します。

私はYUIでこれをやった：

var scriptNode = Y.Node.create('<script type="text/javascript" charset="utf-8">alert("Hello world!");<\/script>'); 
var headNode = Y.one('head'); 
headNode.append(scriptNode); 

それが正常にDOMに追加されますが、それは私に警告を与えるものではありません。

誰かが問題を認識していますか？

Answer 1

私はYUIのNode.create()機能がどのように機能するのか分かりません。しかし、単純なクロスブラウザスクリプトは次のとおりです。

window.onload = function() { 
    var s = document.createElement('script'); 
    s.type = 'text/javascript'; 
    var code = 'alert("hello world!");'; 
    try { 
     s.appendChild(document.createTextNode(code)); 
     document.body.appendChild(s); 
    } catch (e) { 
     s.text = code; 
     document.body.appendChild(s); 
    } 
    } 

のtry..catchブロックは、第一の方法のように、ほとんどのブラウザとして必要であるが、一部にはありませんし、エラーをスローします。第2の方法はそれらをカバーする。単純にevalのコードを使用してもかまいません。

Answer 2

JQueryソースでこの機能が見つかりました。これは、私が他の方法よりも少し綺麗に思っているようです。しかし、やはり私はJSの初心者であり、おそらく細部は見えません。とにかく、誰かがこれから何か役に立つものを取るかもしれません。

function DOMEval(code, doc) { 
    doc = doc || document; 

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

    script.text = code; 
    doc.head.appendChild(script).parentNode.removeChild(script); 
}