Front-End - Main Menu/html5 + CSS3 + JavaScript (종합 예제)

ex10_02 - window close

ITRecipe 2023. 2. 27. 12:30
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>window close</title>
</head>
<body>

<h3>window의 close()로 윈도우 닫기</h3>
<hr/>

<a href="javascript:load('http://www.disneyworld.com')">새 윈도우 열기(디즈니월드)</a>
<a href="javascript:window.close('http://www.disneyworld.com')">현 윈도우 닫기</a> 
<!-- open()로 만든 윈도우를 닫고 원래의 창은 닫지 않음 -->
<a href="javascript:closeNewWindow()"> 새 윈도우 닫기</a>         


<script>
let newWin=null; //새로 연 윈도우

function load(URL) {
	newWin = window.open(URL, "myWin", "left=300, top=300, width=400, height=300");
}
function closeNewWindow() {
	if(newWin == null || newWin.closed) {
		//새창 newWin이 없거나(null) 닫힌 상태시(closed)
		return; //윈도우가 없는 경우 그냥 리턴하여 함수 종료
	}
	else
		newWin.close(); //window객체의 close()메서드로 닫기
}
</script>
</body>
</html>