고정 헤더 영역
상세 컨텐츠
본문
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>
결과 (크롬의 리다이렉션 차단 기능으로 팝업창 실행기능은 한번만 동작함)
'개발 > JavaScript' 카테고리의 다른 글
| JavaScript - location 객체 (접속 경로 확인) (0) | 2020.07.15 |
|---|---|
| JavaScript - onload 함수와 스크립트의 실행 위치에 관계 (0) | 2020.06.05 |
| JavaScript - window 객체 (0) | 2020.06.04 |
| JavaScript - select 객체의 옵션 추가, 삭제, 비활성화(options.length, disabled) (0) | 2020.06.04 |
| JavaScript - select 객체(selectedIndex, options) (0) | 2020.06.04 |
댓글 영역