Как загружать CSS и дополнительные скрипты после загрузки DOM?

Question

[evgenin]

Как загружать CSS и дополнительные скрипты после загрузки DOM?

Comments

[Rustam Bainazarov]

<script>
// Функция загрузки CSS или JS, править не нужно
function loadjscssfile(filename, filetype) {
    if (filetype=="js") { //if filename is a external JavaScript file
        var fileref=document.createElement('script')
        fileref.setAttribute("type","text/javascript")
        fileref.setAttribute("src", filename)
    }
    else if (filetype=="css") { //if filename is an external CSS file
        var fileref=document.createElement("link")
        fileref.setAttribute("rel", "stylesheet")
        fileref.setAttribute("type", "text/css")
        fileref.setAttribute("href", filename)
    }
    if (typeof fileref!="undefined")
        document.getElementsByTagName("head")[0].appendChild(fileref)
};

// Вот сюда пути до файлов
function appendAssets() {
    loadjscssfile("/src/style.css", "css"); 
    loadjscssfile("/src/script.js", "js"); 
};

// Инициализация вставки файлов после загрузки DOM
document.addEventListener('DOMContentLoaded', function(){  
   appendAssets();
});
<script>

Answer 1

[WapSter]

Вставить их вконец body. Для полноты добавлю, можете к js скрипту добавить атрибут defer внутри js вставлять элемент link к css коду.