Блог

Я новичок, и у меня есть статическая страница, куда я хочу включить другие HTML-файлы. Например, верхний и нижний колонтитулы, некоторые кнопки и форму, которые я использую более чем на одной странице. Мне не разрешено использовать серверную часть для этого упражнения. Итак, я попытался использовать jQuery, но это не сработало. Но я также хотел бы каким-то образом включить эти файлы, не создавая для них оболочку. Но я буду доволен даже с разделами-оболочками, если вы, ребята, поможете мне с этим.

Я раньше не использовал jQuery, но мне кажется, что я перепробовал все способы, которые я нашел. Вы можете увидеть их все ниже. Я использую jQuery 3.5.1.min, если это важно.

 $(".header").load("_header.html")
 

 $(function () {
    $(".header").load("_header.html");
});
 

 function unWrapPlaceholder() {
   $(this).contents().unwrap();
}

$(function () {
 $("#header").load("_header.html", unWrapPlaceholder);
});
 

 $(function(){
    var includes = $('[data-include]');
    jQuery.each(includes, function(){
      var file = '../views/'   $(this).data('include')   '.html';
      $(this).load(file);
    });
  });

<div data-include="_header"></div>
 

Я не хочу использовать тег object или iframes. Есть ли какие-либо предложения или исправления, которые вы можете мне дать?
Я был бы очень признателен за помощь.

Проблема заключалась в расположении файла! В конце я использовал второй код jQuery.