window.open은 아래와 같이 사용합니다.

window.open('팝업 주소', '팝업창 이름', '팝업창 설정');




window.open은 onclick을 사용하는방법과, function함수를 이용하는 방법 두가지가 있습니다.


첫번째 : onclick 사용

<a href="#" onclick="window.open('windowopen.html','window팝업','width=300, height=300, menubar=no, status=no, toolbar=no');">window팝업1</a>



a태그말고도 input 에도 사용하실 수 있습니다.

<input type="button" value="팝업창" onclick="window.open('windowopen.html','window팝업','width=400, height=200, menubar=no, status=no, toolbar=no');">



두번째 : function 사용

<script type="text/javascript">

function windowopenPopup(){

window.open('windowopen.html', 'window팝업', 'width=300, height=300, menubar=no, status=no, toolbar=no');

}

</script>

<a href="javascript:windowopenPopup();">window팝업2</a>



a태그말고도 input 에도 사용하실 수 있습니다.

<input type="button" value="팝업창" onclick="windowopenPopup();">




window.open 옵션 아래 굵게 표시된 부분을 변경할때 사용하시면 됩니다.

window.open('windowopen.html', 'window팝업', 'width=400, height=600, menubar=no, status=no, toolbar=no');  


width : 팝업창 가로길이

height : 팝업창 세로길이
toolbar=no : 단축도구창(툴바) 표시안함

menubar=no : 메뉴창(메뉴바) 표시안함

location=no : 주소창 표시안함

scrollbars=no : 스크롤바 표시안함

status=no : 아래 상태바창 표시안함

resizable=no : 창변형 하지않음

fullscreen=no : 전체화면 하지않음

channelmode=yes : F11 키 기능이랑 같음
left=0 : 왼쪽에 창을 고정(ex. left=30 이런식으로 조절)

top=0 : 위쪽에 창을 고정(ex. top=100 이런식으로 조절)


[출처] 

http://soosooin.tistory.com/92

블로그 이미지

532

처음 프로그래밍을 시작한 개발자들은 Hello World!를 기억 할 것이다. Hello world가 Hell World가 될 줄 몰랐던 한 개발자의 이야기. 게시글의 출처를 표기하며, 출처를 남기지 않고 펌을 하는것에 대해 법적 책임을 묻지 않습니다.

댓글을 달아 주세요