title: Replacing contents of html page using another html page
body: <p>I am trying to avoid header, sidebar info repeating of my html page template. </p>
  
  <p>So, I was thinking to user <code>innerHTML</code> to replace the contents on the fly. However, I do not want to put entire target html on the same page under <code>innerHTML</code> as it will be nightmare to debug or maintain later.</p>
  
  <p>So, is there a way to specify the another page link in the <code>innerHtml</code> and have contents separate?</p>
  
  <p>just as an example</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
       function replacePage(page){
        var ele = document.getElementById('page-wrapper'); ele.innerHTML = "&lt;div&gt;hey vik&lt;/div&gt;";
       }
      &lt;/script&gt;
  </code></pre>
  
  <p>I'm looking if i can specify the <code>innerHTML</code> value as some .html file name and move the <code>&lt;div&gt;hey vik&lt;/div&gt;</code> there.</p>