Внешние css и jquery во внешнем файле js

Question

Как включить jquery libray src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" в xternal .js файл? Также как включить файл .css в .js файл?

Answer 1

var x = document.createElement('script'); 
x.src = 'http://example.com/test.js'; 
document.getElementsByTagName("head")[0].appendChild(x); 

Answer 2

Вы можете добавлять JS-файлы только в файлы HTML. Когда вы запускаете приложение JS, откройте веб-сайт, на котором вы просматриваете файл HTML, в который включены файлы JS.

Если вы используете JQuery вы можете добавить файл JS в HTML с помощью:

$.getScript(url, successCallback); 

А вот в асинхронной функции Vanilla JS

function loadScript(src, callback) 
{ 
    var s, 
     r, 
     t; 
    r = false; 
    s = document.createElement('script'); 
    s.type = 'text/javascript'; 
    s.src = src; 
    s.onload = s.onreadystatechange = function() { 
    //console.log(this.readyState); //uncomment this line to see which ready states are called. 
    if (!r && (!this.readyState || this.readyState == 'complete')) 
    { 
     r = true; 
     callback(); 
    } 
    }; 
    t = document.getElementsByTagName('script')[0]; 
    t.parentNode.insertBefore(s, t); 
} 

Или просто написать весь код в одном файлы или использовать системы сборки для согласования и минимизации ваших файлов для производства.