resize_iframe.htm 문서를 만들어 아래 내용을 붙여 넣는다. 
 &lt;!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;<o:p></o:p>
&lt;html&gt;<o:p></o:p>
&lt;head&gt;<o:p></o:p>
&lt;title&gt; &lt;/title&gt;<o:p></o:p>
&lt;meta http-equiv="Content-Type" content="text/html; charset=euc-kr"&gt;<o:p></o:p>
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;<o:p></o:p>
&nbsp;&lt;script type="text/javascript"&gt;
&nbsp;&nbsp; &nbsp;&nbsp;$(document).ready(function() {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var params =
window.location.search.substring(1).split('&amp;');<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var height;<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for (var i = 0, l =
params.length; i &lt; l; ++i) {<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var parts = params[i].split('=');<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; switch (parts[0]) {<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; case 'height':<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
height = parseInt(parts[1]);<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;break;<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (typeof (height)
== 'number') {<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $("#(local:최종홈페이지iframe객체)", parent.parent.document).height(height);<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<o:p></o:p>
&nbsp;&nbsp;&nbsp; });<o:p></o:p>
&nbsp;&lt;/script&gt;
&nbsp;&lt;/head&gt;
&lt;body&gt;<o:p></o:p>
&nbsp;&nbsp;&nbsp; .<o:p></o:p>
&lt;/body&gt;<o:p></o:p>
&lt;/html&gt;<o:p></o:p>



































































&nbsp;
 
 방금 만든&nbsp;resize_iframe.htm문서는 최종적으로 보여줄 홈페이지서버의 루트폴더에 넣어둔다. 
 
최종 홈페이지의 iframe 안에 들어갈 원격지 홈페이지의 내용 안에는 아래의 내용을 붙여 넣어준다. 
 &nbsp;&lt;script type="text/javascript"&gt;
&nbsp;&nbsp;&nbsp; function resize() {<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var iframe = document.getElementById('hidFrame');<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //var height = Math.max(document.body.offsetHeight,
document.body.scrollHeight);<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var height = document.body.offsetHeight;<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; iframe.src = 'http://(localhost:최종홈페이지주소)/resize_iframe.htm?height=' +
height;<o:p></o:p>
&nbsp;&nbsp;&nbsp; }<o:p></o:p>
&nbsp;
&nbsp;&nbsp;&nbsp; $(document).ready(function() {<o:p></o:p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; resize();<o:p></o:p>
&nbsp;&nbsp;&nbsp; });<o:p></o:p>
&lt;/script&gt;<o:p></o:p>



























&lt;iframe id="hidFrame" name="hidFrame" frameborder="0" width="0" height="0" style="overflow:hidden;"&gt;&lt;/iframe&gt;<o:p></o:p>
 
 
 
 
 
&nbsp;

iframe 사용시 iframe에 스크롤바 없애기