Вставка одного html файла внутрь другого

В файле Index.html помещаем div:

    <!-- header -->
    <div class="included" data-url="parts/header.html"></div>
    <!-- /header -->

В javascript прописываем подключение файлов внутрь дивов:

$(function(){

    // Подключаем повторяющиеся блоки
    var filename = '';
    var num_files = $(".included").length-1;
    $(".included").each(function(i){
        if (i<num_files) {
            $(this).load($(this).data('url'));
        } else {
            $(this).load($(this).data('url'),after_included);
        }
    });

});

// Выполняем все операции ПОСЛЕ подключений всех блоков
function after_included() {

   // Прочий JavaScript прописываем внутри данной функции

}

 

Данный способ будет работать во всех браузерах, кроме Google Chrome, у которого будет срабатывать защита на подключение файлов по протоколу file::. Для избежания данной ошибки следует запускать Chrome с параметром: --disable-web-security