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

30 votes355 views1 answer
Fork me on github ribbon
Html
1 vote354 views1 answer
Svelte for loop
Html
0 vote366 views1 answer
Float middle not working
Html
10 votes310 views3 answers
Jqury get selected option
Html
3 votes330 views4 answers
Bootstrap horizontal form
Html
0 vote339 views1 answer
As onclick delete this html tag
Html
6 votes347 views4 answers
What is redis
Html
8 votes314 views2 answers
Href link text color change
Html
1 vote335 views1 answer
Pass text from input field to javascript function
Html
0 vote336 views1 answer
Css make div inline
Html