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 vote214 views2 answers
Postcode input html
Html
0 vote195 views1 answer
Html add line break in string on screen size
Html
3 votes195 views2 answers
Ionic color
Html
0 vote200 views1 answer
Creating navigation menu using html and css
Html
0 vote202 views1 answer
Html table with sortable columns
Html
0 vote209 views3 answers
Where to keep index.html file in mac for running on apache server
Html
0 vote197 views1 answer
How to put social media icons in html
Html
0 vote186 views2 answers
Print page button html
Html
0 vote204 views1 answer
How to echo data into an option tag as a link
Html
9 votes181 views3 answers
How to change background image in html
Html