JavaScript 입문 강좌(6)Window 창 대상

JavaScript 의 Window 창 대상 은 JavaScript 에서 가장 큰 대상 입 니 다.브 라 우 저 창 을 묘사 합 니 다.일반적으로 그것 의 속성 과 방법 을 인용 하려 면'window.xxx'라 는 형식 을 사용 하지 않 고'xxx'를 직접 사용 해 야 한다.프레임 페이지 도 창 입 니 다.Window 창 대상 은 다음 과 같은 속성 이 있 습 니 다.name 창의 이름 은 연결()이나 프레임 페이지(태그 에 넣 으 십시오."창 을 닫 습 니 다."parent 는 창 에 속 한 프레임 페이지 대상 을 되 돌려 줍 니 다.top 은 전체 브 라 우 저 창의 맨 위 를 차지 하 는 프레임 페이지 대상 을 되 돌려 줍 니 다.history 역사의 대상,보 세 요.location 주소 대상,보 세 요.document 문 서 는 참 조 했 습 니 다.Window 창 은 과 는 달리 습 니 다.사 용 된 법:open(<URL 문자열>,<창 이름 문자열>,<매개 변수 문자열>);설명::열 린 창 이 웹 페이지 를 여 는 지 설명 합 니 다.비어 있 으 면(')임의의 웹 페이지 를 열지 않 습 니 다.<창 이름 문자열>:열 린 창의 이름(window.name)을 설명 합 니 다.'top'、'_blank 등 내장 명칭.이곳 의 이름 은":열 린 창의 모양 을 설명 합 니 다.일반 창 만 열 면 이 문자열 은 비어 있 습 니 다(').모양 을 지정 하려 면 문자열 에 하나 이상 의 인 자 를 쓰 고 인자 사 이 를 쉼표 로 구분 합 니 다.예:400 x 100 의 깨끗 한 창 을 엽 니 다:open('','_blank','width=400,height=100,menubar=no,toolbar=no, location=no,directories=no,status=no, scrollbars=yes,resizable=yes') open()의 인자 top=\#창 상단 에서 화면 상단 의 픽 셀 수 left=\#창 왼쪽 에서 화면 왼쪽 의 픽 셀 수 width=\#창의 너비 height=\#창의 높이 menubar=..창 에 메뉴 가 있 습 니까?yes 또는 no toolbar=..창 에 도구 막대 가 있 습 니까?값 yes 또는 no location=...창 에 주소 표시 줄 이 있 습 니까?값 yes 또는 no directories=...창 에 연결 구역 이 있 습 니까?값 yes 또는 no scrollbars=..창 에 스크롤 바 가 있 습 니까?값 yes 또는 no status=...창 에 상태 표시 줄 이 있 습 니까?값 yes 또는 no resizable=..창 에 크기 를 조정 하지 않 습 니 다.값 yes 또는 no 주의:open()방법 은 반환 값 이 있 습 니 다.열 린 창 대상 을 되 돌려 줍 니 다.예 를 들 어 var newWindow=open(','blank'); 이렇게 하면 새 창 을'new Window'변수 에 할당 하고 나중에'new Window'변 수 를 통 해 창 을 제어 할 수 있 습 니 다.close()열 린 창 을 닫 습 니 다.용법:window.close() 또는self.close() 주요 역할 은 이 창 을 닫 는 것 입 니 다.<창 대상>close():지정 한 창 을 닫 습 니 다.이 창 에 상태 표시 줄 이 있 으 면 이 방법 을 호출 하면 브 라 우 저 는"웹 페이지 가 창 을 닫 으 려 고 시도 하고 있 습 니 다.닫 으 시 겠 습 니까?"라 고 경고 합 니 다.그리고 사용자 가 선택 할 지 여 부 를 기다 리 기;상태 표시 줄 이 없 으 면 이 방법 을 사용 하면 창 을 직접 닫 습 니 다.또한 Window 창 대상 은 창 에서 초점 을 옮 기 고 창 을'비 활동 창'으로 바 꾸 는 방법 도 있 습 니 다.focus()는 창 이 초점 을 맞 춰'활성 창'으로 변 합 니 다.그러나 Windows 98 에 서 는 창의 제목 표시 줄 과 작업 표시 줄 에 있 는 해당 단 추 를 반 짝 일 수 밖 에 없 으 며,사용자 에 게 이 창 이 초점 을 맞 추 려 고 노력 하고 있 음 을 알려 줍 니 다.scrollTo()용법:[<창 대상>.]scrollTo(x,y);창 을 굴 려 서 문 서 를 왼쪽 상단 에서 부터(x,y)점 을 창의 왼쪽 상단 으로 스크롤 합 니 다.scrollBy()용법:[<창 대상>.]scrollBy(deltaX,deltay);deltaX 픽 셀 을 오른쪽으로 스크롤 하고 deltay 픽 셀 을 아래로 스크롤 합 니 다.마이너스 가 되면 반대 방향 으로 굴 러 간다.resizeTo()용법:[<창 대상>.]resizeTo(width,height);창 크기 를 넓 은 width 픽 셀,높 은 height 픽 셀 로 조정 합 니 다.resizeBy()용법:[<창 대상>.]resizeBy(deltaWidth,deltaHeight);창 크기 를 조정 하고 너비 가 delta Width 픽 셀 을 확대 하 며 delta Height 픽 셀 을 높 입 니 다.마 이 너 스 를 취하 면 줄어든다.alert()용법:alert(<문자열>);'확인'단추 만 포함 하 는 대화 상 자 를 팝 업 합 니 다.'문자열'의 내용 을 표시 합 니 다.사용자 가'확인'을 누 를 때 까지 전체 문서 의 읽 기,스 크 립 트 의 실행 이 중 단 됩 니 다.confirm()용법:confirm(<문자열>);'확인'과'취소'단 추 를 포함 하 는 대화 상 자 를 팝 업 합 니 다.'문자열'의 내용 을 표시 하고 사용자 에 게 선택 을 요구 합 니 다.전체 문서 의 읽 기,스 크 립 트 의 실행 이 중 단 됩 니 다.사용자 가"확인"을 누 르 면 true 값 을 되 돌려 주 고"취소"를 누 르 면 false 값 을 되 돌려 줍 니 다.prompt()용법:prompt(<문자열>[,<초기 값>]);'확인','취소',텍스트 상 자 를 포함 하 는 대화 상 자 를 팝 업 합 니 다.'문자열'의 내용 을 표시 합 니 다.사용자 에 게 텍스트 상자 에 데 이 터 를 입력 하 라 고 요구 하면 전체 문서 의 읽 기,Script 의 실행 이 중단 됩 니 다.사용자 가'확인'을 누 르 면 텍스트 상자 에 있 는 내용 을 되 돌려 주 고'취소'를 누 르 면 null 값 을 되 돌려 줍 니 다.<초기 값>을 지정 하면 텍스트 상자 에 기본 값 이 있 습 니 다.Window 창 대상 은 다음 과 같은 이벤트 가 있 습 니 다:window.onload;문서 가 모두 다운로드 되 었 을 때 발생 합 니 다.모든 다운로드 가 완료 되 었 다 는 것 은 HTML 파일 뿐만 아니 라 포 함 된 그림,플러그 인,컨트롤,애플 릿 등 모든 내용 을 다운로드 했다 는 것 을 의미한다.이 이 벤트 는 window 의 이벤트 입 니 다.그러나 HTML 에서 이벤트 처리 프로그램 을 지정 할 때,우 리 는 그것 을태그 에 씁 니 다.window.onunload;사용자 가 문 서 를 종료 하거나 창 을 닫 거나 다른 페이지 로 이동 할 때 발생 합 니 다.onload 와 마찬가지 로 HTML 에 쓰 려 면태그 에 쓰 십시오.window.onresize;창 크기 가 조정 되 었 을 때 발생 합 니 다.window.onblur;창 이 초점 을 잃 었 을 때 발생 합 니 다.window.onfocus;창 이 초점 을 맞 출 때 발생 합 니 다.window.onerror;오류 가 발생 했 을 때 발생 하 다.그것 의 이벤트 처리 프로그램 은 일반적으로'오류 처리 프로그램'(Error Handler)이 라 고 하 는데,오 류 를 처리 하 는 데 쓰 인 다.위 에서 이미 소 개 했 습 니 다.모든 오 류 를 무시 하려 면 사용 하 십시오.function ignoreError() { return true; } window.onerror = ignoreError;

좋은 웹페이지 즐겨찾기