DOM को <script> तत्व जोड़ना और जावास्क्रिप्ट चलाएं?

Question

मैं जावास्क्रिप्ट कोड चलाने के लिए मौजूदा डोम में एक तत्व जोड़ना चाहता हूं।

मैं 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); 

यह सफलतापूर्वक डोम को जोड़ा गया है, लेकिन यह मुझे एक चेतावनी नहीं देता है।

कोई जानता है कि समस्या क्या है?

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 ब्लॉक पहली विधि की तरह अधिकांश ब्राउज़र के रूप में आवश्यक है, लेकिन कुछ नहीं करते हैं और एक त्रुटि फेंक देते हैं। दूसरी विधि उनको शामिल करती है। आप आसानी से eval कोड भी दे सकते हैं, जो कम या ज्यादा समकक्ष है और कुछ पुस्तकालय क्या करते हैं।

Answer 2

मुझे यह कार्य JQuery स्रोत में मिला, जो आपको लगता है कि आप जो चाहते हैं उसे करने के लिए मुझे लगता है और मुझे अन्य दृष्टिकोणों की तुलना में थोड़ा क्लीनर लगता है। लेकिन फिर मैं एक जेएस शुरुआती हूं और शायद विवरण नहीं देखता हूं। वैसे भी, कोई इससे कुछ उपयोगी ले सकता है।

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

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

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