[javascript] window.open 팝업창 옵션들

사용법

a태그를 사용할 때,

<a href="javascript:;" onclick="window.open('url','name','width=200,height=200 등등 옵션들');return false">팝업</a>

<a href=javascript:openPopup("url")>팝업</a> <!-- 이경우는 openPopup함수를 script 안에 처리해줘야함 -->

<script>

function openPopup(url) {

window.open(url,"name","options..");

</script>

input 또는 button을 사용할 때,

<input type="button" id="btn" onclick="openPopup('url')" value="팝업" />

<button id="btn2" onclick="openPopup('url')">팝업</button>

<script>

function openPopup(url) {

window.open(url,"name","options..");

</script>

a태그를 사용해 href속성에 url이 아닌 것을 채우는 것보다는

input이나 button을 사용해서 onclick을 사용하는 것을 권장한다고 한다.(html5 웹표준을 기준으로 할 때)

/** 그리고 옵션의 종류들! 옵션값들은 yes or no로 적어준다. **/

left,top - 팝업창의 띄어질 위치값 조정가능

width,height - 팝업창의 가로,세로값

menubar - 파일, 편집, 보기 등 상단 메뉴바

toolbar - 뒤로, 앞으로, 새로고침 아이콘

directories - 연결 디렉토리가 표시되는 부분..

location - 주소 입력창(보안상 없앨 수 없다고 한다....)

status - 브라우저 하단 상태 바

scrollbars - 스크롤

resizable - 리사이즈 옵션

기본값은 yes

기초적인건데 외우지는 않으니까 맨날 쓸때마다 검색하는데 그것도 귀찮ㅋㅋㅋㅋ

구글 is 마이프레셔쓰.....ㅋㅋㅋㅋㅋㅋㅋ