개발/JavaScript
JavaScript - window 객체 활용(open, moveBy, resizeTo, onunload)
뉴에이스
2020. 6. 4. 17:07
window는 생략 후 사용 가능
소스
<body>
<button onclick="createPop();">생성</button>
<button onclick="movePop();">이동</button>
<button onclick="sizePop();">변경</button>
<script>
var pop;
function createPop() {
pop = window.open("", "", "width=400, height=300");
sizePop();
// 창의 내용이 사라질때, 창을 끌때
// 콜백함수.. 창을 끄면 발생
pop.onunload = function () {
createPop();
};
}
function movePop() {
// 절대좌표, 지정한 좌표로 이동, left, top 좌표
//pop.moveTo(200, 200);
// 상대좌표, 현재 위치를 기준으로 이동, -도 가능
pop.moveBy(30, 20);
}
function sizePop() {
// 절대크기, 넓이, 높이
//pop.resizeTo(500, 500);
pop.resizeTo(screen.width, screen.height);
// 상대크기
pop.resizeBy(20, 10);
}
</script>
</body>
결과 (크롬의 리다이렉션 차단 기능으로 팝업창 실행기능은 한번만 동작함)
