Thêm phần tử <script> vào DOM và chạy javascript?

Question

Tôi muốn thêm phần tử vào DOM hiện tại để chạy mã javascript.

Tôi đã làm điều này với 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); 

Nó thêm thành công vào DOM nhưng nó không cho tôi một cảnh báo.

Ai đó biết vấn đề là gì?

Answer 1

Tôi không biết cách hoạt động của hàm YUI Node.create(), vì vậy không có nhận xét về điều đó. Nhưng một kịch bản qua trình duyệt đơn giản là:

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); 
    } 
    } 

Khối try..catch là cần thiết vì hầu hết các trình duyệt như phương pháp đầu tiên nhưng một số thì không và ném ra một lỗi. Phương pháp thứ hai bao gồm những phương pháp đó. Bạn cũng có thể chỉ cần eval mã, tương đương nhiều hoặc ít hơn và một số thư viện làm gì.

Answer 2

Tôi tìm thấy hàm này trong nguồn JQuery, có vẻ như làm những gì bạn muốn và cảm thấy sạch hơn một chút so với các cách tiếp cận khác với tôi. Nhưng sau đó một lần nữa tôi là một người mới bắt đầu JS và có lẽ không nhìn thấy các chi tiết. Dù sao, ai đó có thể lấy một cái gì đó hữu ích ra khỏi điều này.

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

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

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