Incluir arquivos com jQuery.load

jQuery.load é uma maneira útil de editor cruzado de obter arquivos de inclusão ao construir sites HTML estáticos. Aqui está uma implementação limpa e simples que gosto de usar:

<div class="include" data-file="header.html"></div>
<div class="include" data-file="sidebar.html"></div>
<!-- etc... -->

<script>
  $(function () {
    $('.include').each(function() {
      $(this).load($(this).data('file'), function() {
        $(this).children().first().unwrap(); // remove the include div
      });
    });
  });
</script>

NOTA: Todas as <script>tags dentro dos arquivos de inclusão devem ter type="text/javascript"para serem executadas corretamente.

Correção para Chrome

Consulte Chamadas locais AJAX no Chrome .