본문 바로가기
IT-개발,DB

[javascript] 팝업창 생성하기

by SB리치퍼슨 2016. 8. 25.

[javascript] 팝업창 생성하기



팝업창 생성하기

- open() : window객체에 포함된 메서드로 새로운 창을 열기위해 사용됩니다.
|형식| open(해당URL, 이름, 속성)
|예제| open("http://www.naver.com","pop1","width=300 height=200")
directories : 연결바의 유무를 설정합니다.
location : 주소창의 유무를 설정합니다.
menubar : 메뉴바의 유무를 설정합니다.
scrollbars : 스크롤바의 유무를 설정합니다.
status : 상태바의 유무를 설정합니다.
toolbar : 툴바의 유무를 설정합니다.
resizable : 브라우저 크기조절의 가능유무를 설정합니다.
top : 창의 x좌표를 설정합니다.
left : 창의 y좌표를 설정합니다.
width : 창의 너비를 설정합니다.
height : 창의 높이를 설정합니다.
fullscreen : 창을 브라우저 전체에 나타나게 할 것인지를 설정합니다.
channelmode : 창을 채널모드로 보여줍니다.

- close() : window객체에 포함된 메서드로 창을 닫을 때 사용됩니다.





----------------------------------------------------------------------------------------



<html>
<body>
<script language="javascript">
<!--



function open_win(url) {
window.open(url,"open_blog","top=50 left=50 width=200 height=200")
}



function auto_win() {
window.open("pop.htm","new_win","top=70 left=70 width=200 height=100")
}



-->
</script>



<body onload="javascript:auto_win()">
<a href="javascript:open_win('http://section.blog.naver.com')">
다음을 클릭하면 팝업창이 나타납니다.
</a>
</body>
</html>


반응형

댓글