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 vote241 views1 answer
H1 ALERT HTML
Html
1 vote262 views1 answer
Summernote
Html
0 vote287 views1 answer
Nuxt for add attribute select
Html
1 vote252 views1 answer
Vue does v-html inject html
Html
2 votes277 views2 answers
Lock the zoom html
Html
0 vote258 views2 answers
Html cite
Html
0 vote244 views2 answers
Space between 2 h tags without break
Html
0 vote256 views1 answer
Convert html datetime-local to java LocalDateTime
Html
1 vote239 views1 answer
How to make a div responsive in css
Html
0 vote271 views1 answer
Javascript upload file without input
Html