How toload shared html into page without server?

i’m trying to share a navbar across multiple pages.
normally you’d do this using jquer’s .load() function or some other method requiring a web server but as shown in the example below it is also possible without a webserver. However using this method for some reason the contents of shared.html get wrapped in a body which alters the layout. Is there another way to load html pages without a server.

    function load(){
        document.getElementById("navbar").innerHTML='<object type="text/html" data="shared.html" ></object>';

<nav class="navbar navbar-default navbar-fixed-top">
   <div class="container">

Source: html

Leave a Reply