title: load a page inside <div> or when "?param=" is added on url
body: <p>i know the basics of loading a page or a file in a container frame via js or jQuery, but via event listener like onClick</p>
  
  <p><strong>JS -</strong> </p>
  
  <pre><code>document.getElementById("id").innerHTML = "&lt;object type = 'text/html' data = 'myfile.html'&gt; &lt;/data&gt;"
  </code></pre>
  
  <p><strong>JQUERY -</strong> </p>
  
  <pre><code>$("#id").load("myfile.txt");
  </code></pre>
  
  <p>but what I want to achieve is the same as this but not just being loaded <code>onClick</code> in the container frame, but also add a parameter on the url, for example:</p>
  
  <pre><code>if I click on a button, `webpage.html` will load on `&lt;div&gt;` container frame, and the `url` will change to `http://example.com/?loaded=webpage.html`
  </code></pre>
  
  <p>I wanted to do this, so I can either change the <code>url</code> string or press an <code>element</code> and load a certain file on the <code>div</code> container frame.</p>
  
  <p>the same principle goes as how <em>facebook</em> manages <code>profile.php</code></p>
  
  <blockquote>
    <p><code>http://facebook.com/profile.php?=mypersonalprofile</code> - load my profile
        <code>http://facebook.com/profile.php?=myfriendsprofile</code> - load my friends profile</p>
  </blockquote>
  
  <p>I hope I managed to deliver it clearly. </p>