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

1 vote191 views1 answer
Bootstrap navbar-inverse not working
Html
1 vote188 views1 answer
Html pound symbol
Html
1 vote179 views1 answer
Initial scale viewport
Html
-2 votes204 views1 answer
How to turn javascipt into html
Html
63 votes182 views1 answer
Open link in new tab grepper
Html
6 votes201 views3 answers
How to center vertically in bootstrap col
Html
16 votes175 views1 answer
Table attributes in html
Html
0 vote190 views1 answer
Web development html chapter 1
Html
0 vote175 views1 answer
Mostrar codificación de carácteres html
Html
1 vote183 views1 answer
Electron reload html
Html