title: How can I change the size of an iframe from inside?
body: <p>I am developing with jquery and I stumbled with the next problem: I added an IFrame inside the main page and I want to re size them from inside. I tried some ideas but without success.</p>
  <p>Here is my code:</p>
  <p>index.html</p>
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Index&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;iframe id=&quot;myframe&quot; src=&quot;frame.html&quot; width=&quot;100px&quot; height=&quot;100px&quot;&gt;&lt;/frame&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>frame.html</p>
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;IFrame&lt;/title&gt;
          &lt;script&gt;
              document.width = 500;
              document.height = 500;
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;h2&gt;My IFrame&lt;/h2&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>