창 제어
window.open
새 창을 생성하는 메서드
브라우저는 대부분 탭을 지원하기 때문에 window.open은 새 창을 만
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<input type="button" value="첫번째 인자만" onclick="open1()">
<input type="button" value="두번째 인자 _self" onclick="open2()">
<input type="button" value="두번째 인자 _blank" onclick="open3()">
<input type="button" value="두번째 인자 창 이름" onclick="open4()">
<input type="button" value="두번째 인자 _blank 세번째 인자 크기 조절" onclick="open5()">
<script>
// 새 창에 열림 기본값
function open1() {
window.open('https://www.naver.com');
}
// 현재 창에 열림
function open2() {
window.open('https://www.naver.com', '_self');
}
// 새 창에 열림 기본값
function open3() {
window.open('https://www.naver.com', '_blank');
}
// 새 창에 열리고 이름을 지정 이미 있다면 그곳에 열림
function open4() {
window.open('https://www.naver.com', 'rtasd');
}
// 새 창의 크기도 함께 조절
function open5() {
window.open('https://www.naver.com', '_blank', 'width=200, height=200, resizable=yes');
}
</script>
</body>
</html>Last updated
Was this helpful?