브 라 우 저 개체 모델 - BOM 상용 속성 및 방법

목차

내용 소개

1. BOM 개념

2. window 대상

3. document 대상

4. navigator 대상

5. location 대상

6. screen 대상

7. history 대상

8. 타이머 관련

1、setTimeout():

2. setTimeout: clearTimeout 제거

3、 setInterval()

4. setInterval: clearInterval 제거

내용 소개
    (Browser Object Model) 브 라 우 저 대상 모델 - (브 라 우 저 전문 API).
BOM 개념

BOM (Browser Object Modtael) 은 콘 텐 츠 에 독립 하여 브 라 우 저 창 과 상호작용 하 는 대상 을 제공 하 는 브 라 우 저 대상 모델 로 그 핵심 대상 은 window

이다.

BOM 은 일련의 대상 으로 구성 되 고 모든 대상 이 많은 방법 과 속성 을 제공 합 니 다

BOM 은 표준 이 부족 하 다. JavaScript 문법 표준화 조직 은 ECMA 이 고 DOM 의 표준화 조직 은 W3C 이 며 BOM 은 처음에 Netscape 브 라 우 저 표준 의 일부분

이다.
Browser Object Model) 브 라 우 저 대상 모델 (브 라 우 저 전문 API).
윈도 대상
(window 대상 은 JS 의 최상 위 대상 이 고, 다른 BOM 대상 은 window 대상 의 속성 입 니 다)
속성 또는 방법
관련되다onload
페이지 모든 요소 불 러 오기 완료DOMContentLoaded
페이지 구조 로 딩 완료, 로 딩 가능, 속도 빠 름alert；confirm；prompt；
탄창 류parent；top；self；
창 클래스setInterval；setTimeout；clearInterval；clearTimeout；
타이머 관련 (디 렉 터 리 참조: 8)
3. document 대상
문서 개체body；cookie；title；domain；URL；referrer
4. navigator 대상
브 라 우 저 자체 정보
속성 또는 방법
관련되다navigator.userAgent
사용자 에이전트 헤더 문자열navigator.cookieEnabled
쿠키 를 사용 할 지 여부 입 니 다. 불 값 을 되 돌려 줍 니 다.navigator.plugins
플러그 인 집합 설치
위치 대상
브 라 우 저 현재 URL 정보
속성 또는 방법
관련되다href
전체 URLprotocol
협의domain
도 메 인 이름port
포트 번호search
검색 문자열reload
다시 불 러 오기
화면 대상
장치 화면, 클 라 이언 트 화면 정보
속성 또는 방법
관련되다screen.width
화면 너비screen.height
화면 높이screen.colorDepth
화면 색 깊이screen.availWidth
사용 가능 한 너비 (작업 표시 줄 높이 제외)screen.availHeight
사용 가능 한 높이 (작업 표시 줄 높이 제외)
7. history 대상
브 라 우 저 기록 스 택
속성 또는 방법
관련되다history.go(-1/1)
역사 기록 몇 단계 에 도달 하 다history.forward()
한 걸음 앞으로 나아가다history.back()
한 걸음 뒤로 물러서다history.replace()
과거 기록 스 택 바 꾸 기history.length()
탐색 한 페이지 수location.replace("")
location. href 가 없 으 면 되 돌 릴 수 없습니다.
8. 타이머 관련
1、setTimeout():
어떤 함 수 를 지정 하여 몇 밀리초 후에 실행 합 니까?

첫 번 째 매개 변수: 실행 을 연기 할 함수;

두 번 째 매개 변수: delay 가 실행 을 지연 시 키 는 밀리초 수 (생략 하면 기본 값 은 0);

세 번 째 매개 변수: setTimeout 타 이 머 를 다시 지정 합 니 다.(타이머 가 끼 워 졌 을 때 함 수 는 지 정 된 시간 에 따라 실 행 됩 니 다. 시간 이 정 리 될 수 있다 면 위의 실행 결과 가 우선 합 니 다)

(setTimeout(function() {
     
    document.body.style.background = "red"
}, 500, setTimeout(function() {
     
    document.body.style.background = "green"
}, 1000)))

2, 제거 setTimeout: clearTimeout
3、 setInterval()
특정한 임 무 를 일정 시간 마다 한 번 씩 수행 하고 무한 한 정시 에 수행 하도록 지정 합 니 다.

//    “     ”      ，                  ；
(setInterval(function() {
     
    document.body.style.background = "red"
}, 1500, setInterval(function() {
     
    document.body.style.background = "green"
}, 2100, setInterval(function() {
     
    document.body.style.background = "black"
}, 3900))))
// setInterval        ；
var startTime = new Date().getTime();
setInterval(function() {
     
    var endTime = new Date().getTime();
    console.log(startTime - endTime)
    startTime = endTime;
}, 1000)

4, setInterval: clearInterval 제거
태그: JavaScript, BOM
더 많은 프레젠테이션 사례, 사례 프레젠테이션 보기
댓 글 환영 합 니 다. 댓 글!