Eu tenho um arquivo index.html:
<body>
<div class="application">
<header class="header"></header>
<main class="content"></main>
<footer class="footer"></footer>
</div>
<script src="script/index.js"></script>
</body>
E tenho o header, o main e o footer em pastas separadas. Gostaria de saber como posso adicionar esses arquivos externos dentro desse arquivo principal, assim que a página for carregada. Estou tentando criar de forma mais pura possível (usando somente HTML, CSS e JS, evitando frameworks). Mas se só for possível com alguma biblioteca, eu posso incluir.