<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>parentWindow</title>
</head>
<body>
<script type="text/javascript">
// 자식 창 참조
// open함수 (자식창 전역변수 = ("파일명", ["자식창 이름",] 크기, 위치))
// close함수 window.close() 현재창 닫기
// button태그와 onclick속성 button onclick="함수"
// 자식 창을 참조하는 전역 변수 설정;
var child;
function openChildWindow(){
// 자식 창 너비 설정
var width=200;
// 자식 창 높이 설정
var height=300;
// 자식 창 가로 위치 설정(중앙)
var left = Math.ceil((window.screen.width - width)/2)
// 자식 창 세로 위치 설정(가운데)
var top = Math.ceil((window.screen.height - height)/2)
// 자식 창을 여는 함수((자식창 전역변수 = open("파일명", ["자식창 이름",] 크기, 위치))
child = open("A_child.html", width, height, left, top)
}
function closeChildWindow(){
child.close()
}
function closeThisWindow(){
window.close();
}
</script>
부모창
<button onclick="openChildWindow()">자식 창 열기</button>
<button onclick="closeChildWindow()">자식 창 닫기</button>
<button onclick="closeThisWindow()">부모 창 닫기</button>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>childWindow</title>
</head>
<body>
<script type="text/javascript">
//자식 창 닫기
function closeThisWindow(){
window.close();
}
//자식 창을 연 부모 창 닫기
function closeParentWindow(){
opener.close();
}
</script>
자식 페이지
<button onclick="closeThisWindow()">자식 창 닫기</button>
<button onclick="closeParentWindow()">부모 창 닫기</button>
</body>
</html>
//자식창의 입력을 부모창에 넣기
function post1(n,m){
opener.document.getElementById("add1").value = n
opener.document.getElementById("add2").value = m
}
'단순 코드 기록 > JAVA' 카테고리의 다른 글
| Java_Calculator (0) | 2024.02.10 |
|---|---|
| Java_Link (0) | 2024.02.10 |
| Java_Date (0) | 2024.02.10 |
| Java_Num (0) | 2024.02.10 |
| Java_String (0) | 2024.02.10 |