Làm cách nào để thêm javascript động vào thẻ đầu từ chuỗi chứ không phải tệp?

Question

Tôi đang sử dụng Javascript để tạo thêm JavaScript tùy chỉnh và sau đó thêm nó vào thẻ HEAD. Mã bên dưới hoạt động tốt khi thêm tệp javascript, nhưng điều gì xảy ra nếu tập lệnh ở trong một biến vừa tạo?

var scriptTag = document.createElement("script"); 
scriptTag.setAttribute("type", "text/javascript"); 
scriptTag.setAttribute("src", "myfile.js"); 
document.getElementsByTagName("head")[0].appendChild(scriptTag); 

Cảm ơn sự quan tâm của bạn.

Answer 1

// 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, bạn không cần một thẻ script cho việc này. Bạn có thể sử dụng hàm tạo Function thay thế.

var txt = "alert('foo');"; 

Function(txt)(); 

Answer 2

var scriptTag = document.createElement("script"); 
scriptTag.setAttribute("type", "text/javascript"); 

scriptTag.innerHTML = "What you want here";///.... 

document.getElementsByTagName("head")[0].appendChild(scriptTag); 

Live DEMO

Answer 3

Cả hai câu trả lời có vẻ ok đặc biệt là từ @gdoron.

Tôi đã viết một ví dụ đơn giản trong trường hợp bạn muốn làm điều tương tự trong jquery: http://jsfiddle.net/bitoiu/EKpGg/

Snippet:

$(function(){ 

    var script = document.createElement('script'); 
    script.type = 'text/javascript'; 
    // script.url = 'some valid url'; 
    $('head').append(script); 
});​