BOM (Browser Object Model)은 컨텐츠와 독립적으로 브라우저 창과 상호 작용하는 객체를 JavaScript의 구성 요소 중 하나라는 것을 알고 있습니다. 계층 구조는 다음과 같습니다.
창 객체는 전체 BOM의 핵심이며, 여기에는 문서 (문서 개체), 위치 (주소 개체) 및 이력 (역사적 개체 구성)이 포함됩니다.
객체 속성을 호출하기위한 구문 :
1. 물체. 속성 이름 = "속성 값";
2. 객체 [ "속성 이름 문자열"] = "속성 값";
호출 객체 방법을위한 구문 :
1. Object ()의 메소드 이름;
2. 객체 [ "메소드 이름 문자열"] ();
창 객체의 일반적인 방법
창 객체의 일반적인 방법
| 이름 | 설명 |
| 즉각적인() | 사용자가 입력하도록 유도하는 대화 상자가 표시됩니다. |
| 알리다() | 큰 프롬프트 메시지와 확인 버튼이있는 경고 대화 상자가 표시됩니다. |
| 확인하다() | "OK"및 "CANCEL"버튼이있는 프롬프트 메시지가있는 대화 상자를 표시합니다. |
| 닫다() | 브라우저 창을 닫습니다 |
| 열려 있는() | 주어진 URL에 지정된 문서를로드하려면 새 브라우저 창을 열어 |
| settimeout () | 여러 밀리 초를 지정한 후 함수를 호출하거나 표현식을 계산하십시오. |
| setInterval () | 지정된 기간에 따라 함수를 호출하거나 표현식을 계산하십시오 (밀리 초로 기록). |
창의 특성
| 이름 | 설명 |
| 높이, 너비 | 높이와 너비 (픽셀로 기록) |
| 왼쪽, 상단 | 창의 X 및 Y 좌표는 픽셀로 기록됩니다. |
| 도구 모음 | 브라우저의 도구 모음을 표시할지 여부 |
| 스크롤 바 | 스크롤 바를 표시할지 여부 |
| 위치 | 주소 표시 줄을 표시할지 여부 |
| 상태 | 상태 표시 줄을 추가할지 여부 |
| 메뉴 바 | 메뉴 표시 줄을 표시할지 여부 |
| RESIZAL | 창 크기가 조절 가능합니다 |
| 타이틀 바 | 제목 표시 줄을 표시할지 여부 |
| 전체 화면 | 전체 화면 모드를 사용하여 브라우저를 표시할지 여부 |
창 객체에 대한 일반적인 이벤트
| 이름 | 설명 |
| onload | 페이지 또는 이미지가로드되었습니다 |
| onmouseover | 마우스 포인터를 요소 위로 움직입니다 |
| onclick | 마우스가있는 물체를 클릭하십시오 |
| onkeydown | 키보드 키를 누릅니다 |
| onchange | 도메인의 내용이 변경되었습니다 |
사용자 정의 객체 선언
선언하는 첫 번째 방법 :
<script type = "text/javaScript"> function paly () {var p = new Object (); // 메모리 공간을 열어 객체를 생성 // 객체 p.age = 1에 대한 속성을 정의합니다. p.name = "JavaScript"; // 객체에 대한 메소드 정의 p p.sayhi = function () {document.write ( "안녕하세요! 나는" + p.name + "I Am Am" + p.age + "Menery"); } // return object p return p; } // 사용자 정의 객체의 인스턴스 생성 var js = paly (); // 객체의 호출 메소드 js.sayhi (); // 객체의 속성을 호출하십시오. </스크립트>효과 스크린 샷 :
두 번째 방법 :
<script type = "text/javaScript"> function paly () {// 객체의 속성을 정의 this.age = 1; this.name = "JavaScript"; // 객체의 메소드를 정의하십시오 .sayhi = function () {docum }} // 사용자 정의 객체의 인스턴스 생성 var js = new paly (); // 객체의 메소드를 호출 js.sayhi (); // 객체 문서의 속성을 호출합니다 .write (js.name); </스크립트>효과 스크린 샷 :
객체 속성의 횡단
<script type = "text/javaScript"> function paly () {// 객체의 속성을 정의 this.age = 1; this.name = "JavaScript"; // 객체의 메소드를 정의하십시오 .sayhi = function () {docum }} // 사용자 정의 객체의 인스턴스 생성 var js = new paly (); // 고음성 (js의 var par) {document.write ( "js."+par+"="+js [par]); } </스크립트>효과 스크린 샷 :
빠른 구조
<script type = "text/javaScript"> function paly () {// 객체에 대한 속성 정의 this.age = 1; this.name = "JavaScript"; // 객체에 대한 메소드를 정의하십시오 .sayhi = function () {document.write ( "안녕하세요! I Am" + this.name + "I Am Am Am" + this.age + "Menery"); }} // 사용자 정의 객체의 인스턴스 생성 var js = new paly (); // 구조 블록의 메소드 또는 속성은 객체가 지정되지 않은 경우 브래킷의 (js) 객체의 속성 또는 메소드로 기본적으로 표시됩니다. {sayhi (); document.write ( "<br/>"+age); } </스크립트>효과 스크린 샷 :
JavaScript 객체의 관련 작업에 대한 위의 요약은 내가 공유하는 모든 내용입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.