iframe 옵션들

<iframe

src=" //연결될 주소 ex)http://www.naver.com

frameborder="" // 테두리 사용 여부 ex) 0:사용안함 1:사용

width="" // iframe 가로크기 ex) 100% / 1024px

height="" // iframe 세로크기 ex) 100% / 1024px

scrolling="" // 스크롤바 사용 여부 ex) yes / no / auto

align="" // iframe 내부 페이지 정렬 방식 ex) center / left / right

name=""  // iframe 이름 -> target 지정시 사용

id="" // iframe 의 id -> script 에서 사용

hspace="" // 기준되는 곳으로 부터 iframe 의 가로 위치

vspace="" //기준되는 곳ㅇ로 부터 iframe 의 세로 위치

marginwidth="" //가로 여백

marginheight="" //세로 여백

style="zoom:100%" // 원본 페이지 : 출력페이지 비율 조정

></iframe>

 

 

예제

<iframe src="http://www.naver.com" frameborder="0" width="100%" height="100%" scrolling="auto" align="center" name="iframe_test"></iframe>

 

그냥 네이버창 띄우기...

 

 

응용

<script>

 function set_iframe(){

    document.getElementById('iframe_test').src="http://www.bilco.co.kr";
}
 function reset_iframe(){

    document.getElementById('iframe_test').src="http://www.koreatm.co.kr";
}
</script>
<a onmouseover="set_iframe()" onmouseout="reset_iframe()">마우스 올려보세요</a>

 

<iframe src="http://www.naver.com" frameborder="1"width="100%" height="100%" scrolling="auto" align="center" Id="iframe_test" hspace="0" vspace="0"></iframe>

 

[출처] 無 | 키에르 (http://blog.naver.com/vfxx/100104431497)