Загрузить дополнительный html при загрузке

Question

Для моего сайта у меня есть заголовок, написанный на html, но я не хочу копировать и вставлять его на каждую страницу. Есть ли способ загрузить его при загрузке страницы? Я попытался использовать это:

$(document).ready(function(){ 
    $.get("injections.html", function(data) { 
     var sites = ["header", "footer"]; 
     console.log(sites); 
     for (var i = 0; i < sites.length; i++){ 
      console.log(i); 
      site = sites[i]; 
      //console.log(site); 
      console.log(site); 
      if ($("#inject" + site).length) { 
       console.log(site); 
       $("#inject" + site).replaceWith($(data).find("#inject" + site).contents()); 
      } 
     } 
    }); 
}); 

Но в firefox он загружает только текст в Firefox и ничего в Chrome. Кто-нибудь знает, как исправить мой код, или лучший способ сделать это?

Answer 1

Один из способов сделать это, чтобы вы могли сохранить содержимое заголовка в одном месте, заключается в том, чтобы сохранить HTML-код заголовка в файле PHP, возможно, header.php. Затем сохраните веб-страниц, как PHP файлы (это ничего не сломается, как PHP файлы могут обрабатывать HTML, JavaScript и CSS), и добавьте эту строку, где вы хотите, чтобы ваш заголовок должен быть добавлен:

<?php include 'header.php'; ?> 

Это добавит содержимое header.php в этой точке. Затем, если вам нужно внести изменения в код заголовка, все, что вам нужно сделать, это изменить header.php, так как все веб-страницы просто указывают на этот файл.