đọc nội dung của thẻ script bên ngoài với jquery

Question

Một mô hình chung cho các mẫu bốc xương sống là một cái gì đó như:

<script type='text/template' id='foo'> 
    my template 
</script> 

---- 
var whatever = $('#foo').html(); 

tôi muốn bao gồm các kịch bản trong một tập tin bên ngoài như vậy:

<script type='text/template' id='foo' src='myTemplate.tpl'></script> 

Nhưng html() của foo hiện đang trống.

Tôi đã xem trình duyệt kéo tệp mẫu xuống, nhưng tôi không chắc liệu nó có nằm trong trang dom hay không. Có cách nào đơn giản để tham khảo nội dung của tập lệnh trong javascript hay trình duyệt đơn giản bỏ qua nó và ném ra kết quả?

Answer 1

Tôi nghĩ rằng để thực sự thực thi kịch bản được tải bên ngoài, bạn phải thực hiện eval() của nội dung. Bạn không thêm nó vào DOM thực sự vì nó là kịch bản lệnh, bạn đang thêm nó vào thời gian chạy JS. Có thể có những cách khác để làm điều đó nhưng eval() thường được coi là một lỗ hổng bảo mật vì mã độc hại có thể được đánh giá.

Điều tôi có xu hướng làm là tạo các phần mẫu trên máy chủ để tôi biết tất cả JS của mình đều có khi DOM sẵn sàng.

Answer 2

Nếu điểm đang thực hiện một hành động ngay sau khi tập lệnh được tải, bạn có thể đặt thuộc tính onload trên thẻ tập lệnh. Nếu bạn muốn tải xuống nội dung trong thời gian chạy, thì bạn có thể sử dụng chiến lược tải xuống không đồng bộ (như Gats chỉ). Điều quan trọng cần lưu ý một số điểm quan trọng khi sử dụng mẫu cho các mẫu jquery trong các tệp bên ngoài, có một thú vị article về các mẫu jquery với các tệp bên ngoài, bạn phải kiểm tra nó.