JavaScript carregar pagina dentro de uma div

Boa tarde.

Tenho uma pagina com um componente tab, que que o sistema carregue outra pagina dentro da tab selecionado, segue o código:

<ul class="nav">
  <li class="nav-item">
    <a class="nav-link active" href="/pagina1.html">Active</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="/pagina2.html">Active</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="/pagina3.html">Active</a>
  </li>

</ul>

Obs... Não que ele faça um redirect e sim que carregue o conteúdo da pagina dentro da página principal, alguem poderia me ajudar ?

Att...