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

0 vote108 views1 answer
Large text class
Html
1 vote106 views2 answers
Ion icon image
Html
0 vote122 views1 answer
Td e tr html
Html
1 vote122 views1 answer
Angular dynamic background image
Html
3 votes112 views1 answer
Copyright footer html code
Html
1 vote106 views1 answer
A tag to go to top of the page
Html
0 vote114 views1 answer
JSON.stringify in sap ui5
Html
9 votes113 views2 answers
Html make a clickable link
Html
1 vote115 views1 answer
Flutter web load html
Html
1 vote121 views1 answer
Vue does v-html inject html
Html