window.open() & window.close()

프로그래밍/JavaScript

by ........? 2012. 4. 23. 12:09

window.open()

기본틀

window.open("새창으로 열 페이지 주소", "새창의 이름", "옵션");

옵션값

menubar=no //메뉴바 없애기

toolbar=no // 툴바 없애기

location=no //주소표시줄 없애기

status=no //상태표시줄 없애기

scrollbars=no //스크롤바 없애기

fullscreen //최대창크기로 열기 =>F11 눌린 크기이긴 하지만, F11과는 다른 기능임

width //가로크기

height //세로크기

top //위에서부터 위치

left //왼쪽에서부터 위치

resizable=no //창 크기 조절 금지

사용예

<html>
<head>
<title>연습</title>
<script languege='javascript'>
function test1(){
window.open("http://www.naver.com","naver",width=200,height=100);
}
</script>
</head>
<body>
<a href="javascript:test1()">새창 테스트</a><br>
<a href="http://www.yahoo.co.kr" target="naver">네이버 페이지에서 야후열기(타겟일치)</a><br>
<a href="http://www.yahoo.co.kr" target="yahoo">새탭에서 야후열기(타겟불일치)</a><br><br>
</body>
</html>

=> target 지정시 일치하는 이름이 있으면 그 창에서 링크를 열고, 없으면 새창(탭)으로 연다

=> naver : 일치하므로 위에 열린 창(새창 테스트)에서 네이버가 열림

=> yahoo : 타겟이 일치하지 않으므로 새창(탭)에서 다음이 열림

window.close() & win.close()

'프로그래밍 > JavaScript' 카테고리의 다른 글

숫자 유효성검사 isNaN 함수 (0)	2012.08.08
typeof (0)	2012.05.29
location.href & location.replace (0)	2012.05.22
tmp:expression (IE6에서 투명PNG 이미지 사용하기) (0)	2012.05.09
return의 의미 (0)	2012.04.18