새창띄우기
새 창을 띄우려면 window.open() 이라는 자바스크립트 기본 함수를 사용합니다.
문법은 window.open(url, wname, wopt)입니다.
● url: 문자열, 새 창이 표시할 내용인 웹 문서의 URL
● wname: 문자열, 새 창의 이름(타겟명). 특별히 필요없으면 공백문자열("")을 지정
● wopt: 문자열, 창의 속성을 지정 (예: "width=350,height=400,scrollbars=yes,menubar=no")
<a href='#' onclick="window.open('문서경로','window','location=no, directories=no,resizable=no,status=no,toolbar=no,menubar=no, width=300,height=400,left=0, top=0, scrollbars=yes');return false">클릭</a>
다음은 새 창을 띄우는 대표적인 방법들을 사례별로 예시한 예제입니다.
1. 링크를 클릭할 때 새 창 띄우기
<a href="javascript:void(window.open('http://blog.naver.com/unicone','jam','width=320,height=240'))">Link</a>
또는
<a
href="#"
onClick="window.open('http://blog.naver.com/unicone','jam','width=320,height=240');return
false">Link</a>
2. 버튼을 클릭할 때 새 창 띄우기
<input type="button" value="jam" onClick="window.open('http://blog.naver.com/unicone','jam','width=320,height=240')">
3. 현재 문서가 로딩완료될 때 새 창 띄우기
<BODY onLoad="window.open('http://blog.naver.com/unicone','jam','width=320,height=240')">
4. 무조건 새 창 띄우기
<HEAD>
...
<script langauge="javascript">
window.open("http://blog.naver.com/unicone","jam","width=320,height=240");
</script>
5. 3초 후에 새 창 띄우기
<HEAD>
...
<script langauge="javascript">
setTimeout("window.open('http://blog.naver.com/unicone'','jam','width=320,height=240')",3000);
</script>