JavaScript의 3가지 내장 객체: window / Date / Math
웹 브라우저의 최상위 객체: window
*윈도우 객체 생략 가능 (ex. (window.)alert( ))
*콘솔 창에 window를 입력하면 f는 창 함수입니다. <-> f가 없는 모든 것은 창 개체의 하위 개체입니다.
1. 팝업창 생성
팝업 창을 만드는 데 사용되는 함수는 open(“로드할 파일”, “팝업 창의 이름 지정”, “크기 및 위치 지정(px 생략)” );
*주의 팝업창이 별도의 창으로 나타나도록 팝업창의 이름을 지정해야 합니다.
창문.열려 있는(“팝업.html”, “이벤트 팝업”, “너비=600 높이=500 왼쪽=300 위=100”);
2. 버튼 클릭 시 팝업창 열기
단추 클릭 시 팝업창 떠 있는
const btn = 문서.쿼리 선택기(“단추”);
const 팝폭 = 600;
const 팝높이 = 500;
btn.addEventListener(“딸깍 하는 소리”() => {
허락하다 왼쪽 = (화면.유효폭 – 팝폭) / 2; // 화면 객체: 실제로 보고 있는 화면에 대한 정보를 가져오는 객체
허락하다 맨 위 = (화면.가능높이 – 팝높이) / 2; // 팝업 창의 위치를 가운데로 설정
창문.열려 있는(“팝업.html”, “팝1”, `폭=${팝폭} 높이=${팝높이} 왼쪽=${왼쪽} 상단=${맨 위}`);
})