Include html file in html file

// js
<script>
$(function () {
  var includes = $('[data-include]')
  $.each(includes, function () {
    var file = $(this).data('include')
    $(this).load(file)
  })
})
</script>
// html
<div data-include="header.html"></div>
<div data-include="footer.html"></div>

Source: stackoverflow.com

Similar codes

0 vote176 views2 answers
Beautify html code in vscode
Html
16 votes178 views4 answers
File download button html
Html
0 vote189 views2 answers
How add string in all htmls with linux
Html
0 vote197 views1 answer
Maven langage level
Html
0 vote182 views2 answers
How to change hidden on html
Html
1 vote168 views1 answer
Space character in react html
Html
3 votes219 views9 answers
Bootstrap 5
Html
5 votes132 views1 answer
How to load another page in html
Html
1 vote175 views3 answers
Input hidden
Html
10 votes187 views3 answers
How to make text uppercase html
Html