본문 바로가기
[ Web ]/JavaScript & JQUERY

팝업창 띄우기!!

by 관이119 2012. 9. 12.

<html>
<head>
<title>테스트</title>

<script language="javascript">
function open_win(){
window.open('popup.htm','popup', 'width=100, height=100,left=0,top=0,toolbar=no, location=no, directories=no, status=no, menubar=no, resizable=no, scrollbars=no, copyhistory=no');
}
</script>

</head>
<body onload="javascript:open_win();">

메인창 소스


</body>

</html>

body 태그 안에 onload 이벤트를 걸어줍니다.

페이지가 load 되면 저 스크립트를 실행하라는 거죠..

해당 자바 스크립트 함수로 가서 새 창(window.open)을 띄우게 됩니다..

open 메서드의 속성들은..

맨첨에 팝업으로 띄울 페이지 주소를 적어줍니다. (상대경로나 절대경로 모두 가능합니다)

다음 속성은 팝업창 이름? 정도로 생각하시면 됩니다. 눈에 보이는건 아니니 아무거나 적으시면 되요

다음 속성은 좀 긴데..

팝업창 설정 하는것 정도로 이해하심 되요..

팝업창 너비, 높이, 창이 뜰 위치, 스크롤바 사용여부, 주소표시줄, 상태표시줄, 메뉴바, 사이즈 조절...등등 팝업창을 설정할수 있습니다.


위의 설정은.. 가로 세로 크기가 100 인 왼쪽 맨 상단에 나타나게 됩니다. 모든 설정은 no로 되어 있으므로 사이즈 조절, 메뉴바, 스크롤 등 모두 나타나지 않습니다

(출처 : '[자바스크립트] 팝업창 띄우기!!' - 네이버 지식iN)

댓글