Html include html page

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

Html include html page

// 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>https://www.w3schools.com/howto/howto_html_include.asp

Similar codes

25 votes249 views7 answers
Bootstrap 5 cdn
Html
0 vote223 views1 answer
Hug
Html
0 vote262 views1 answer
Python remove html from a list item
Html
0 vote284 views1 answer
Drupal twig get value of entity reference field
Html
0 vote297 views1 answer
Change td color html
Html
6 votes220 views4 answers
How to add text in html
Html
0 vote268 views1 answer
Iframe - Full Screen - HTML
Html
1 vote283 views2 answers
Vue 3 emits
Html
0 vote262 views1 answer
Button disabled ionic
Html
1 vote273 views1 answer
Tfoot renders after thead and before tbody
Html