BOM에 존재하는 5가지 객체 소개

프론트엔드 개발을 공부한 사람들은 JavaScript가 ECMAScript(JS 언어 자체의 기본 구문), DOM(Document Object Model, Application Programing Interface), BOM(Browser Object)의 세 부분으로 나누어져 있다는 사실을 모두 알아야 합니다. 모델).

BOM은 실제로 브라우저와 관련이 있습니다. 따라서 브라우저 제조사에서는 각자의 생각에 따라 자유롭게 확장(윈도우 객체 기반 확장)이 가능합니다. 그러나 확장은 확장이며 각 브라우저는 일련의 표준을 따릅니다. BOM을 배우는 것은 JS 언어를 이해하는 데 여전히 매우 중요하므로 무시할 수 없습니다. 다음은 나의 요약과 몇 가지 일반적인 방법입니다. 이 글의 주요 목적은 BOM이 우리 마음 속에 간단한 프레임워크를 형성하기를 바라는 것입니다. 몇 가지 일반적인 방법을 알아두면 문제가 발생할 때 소스를 다시 추적할 수 있습니다.

BOM에는 5개의 객체가 있습니다.

1. window 객체(핵심 객체)

2. location 객체(window 객체의 속성이자 문서 객체의 속성)

3. navigator 객체

4. History 개체: 지금까지 사용되지 않음

5. Screen 개체: 지금까지 사용되지 않음

각 개체 아래에는 몇 가지 일반적이고 일반적으로 사용되는 메서드가 나열되어 있으며 간단한 설명이 나와 있습니다.

• 윈도우 객체(핵심 객체)의 일반적인 메소드

• Asynchronous: XMLHttpRequest constructor

• Number 데이터 유형: Number,parseInt,parseFloat, isNaN, isFinite

• Timer: set Timeout, setInterval . 여기서 설명하고 싶은 것은 setTimeout의 콜백 함수에서 window 객체를 가리킬 것이라는 점입니다. 그 이유는 실제로 매우 간단합니다. 콜백 함수가 setTimout에 매개변수로 전달되면 이에 대한 암시적 할당이 발생합니다. 주목해야 할 또 다른 사항은 setTimeout의 실행 순서입니다.

• url 암호화: encodeURI, encodeURIComponent 메서드

• url 해독: decodeURI, decodeURIComponent 메서드

• 창 크기: (innerWidth, innerHeight) (outerWidth, externalHeight), 이는 클라이언트 크기 및 오프셋과 일치해야 합니다. DOM Dimension에서는 clientWidth(Height)와 offsetWidth(Height)를 구별합니다. 세 가지 매개변수를 받을 수 있습니다

• 시스템 대화 상자: 경고, 확인, 프롬프트 방법

• location object
href 속성: URL 주소를 가져옵니다. (이 속성을 통해 URL 주소를 설정할 수도 있습니다)

• protocal 속성: 페이지에서 사용하는 프로토콜을 반환합니다. (이 속성을 통해 프로토콜을 설정할 수도 있습니다.)

• host 속성: 호스트 이름 + 포트를 포함한 서버 이름과 포트 번호를 반환합니다. (호스트도 설정할 수 있습니다. 이 속성을 통해)

• hostname 속성: 포트 번호 없이 서버 이름을 반환합니다. (이 속성을 통해 호스트 이름을 설정할 수도 있습니다.)

• port 속성: 포트 번호를 반환합니다. (포트를 통해 포트를 설정할 수도 있습니다. 이 속성)

• pathname 속성: URL 디렉터리 또는 파일 이름을 반환합니다(경로 이름은 이 속성을 통해 설정할 수도 있음)

• hash 속성: URL에 해시(#content)를 반환합니다. 이 속성을 통해 설정)

• 검색 속성: 쿼리 문자열(예: ?name=keith&height=180), (이 속성을 통해 검색을 설정할 수도 있습니다.)

• reload 방법: 페이지가 가장 많이 로드됩니다. 효율적인 방법. 즉, 마지막 요청 이후 페이지가 변경되지 않은 경우 해당 페이지는 브라우저 캐시에서 로드됩니다. 브라우저에서 강제로 다시 로드하려면 부울 값 true를 전달하면 됩니다.

• navigator object
userAgent: 사용자 에이전트, 사용자가 사용하는 브라우저 정보를 쿼리합니다. 모바일 측면에서는 사용자가 어떤 유형의 모바일 장치나 브라우저를 사용하고 있는지 확인하는 데 사용될 수 있습니다

위 내용은 BOM에 존재하는 5가지 객체 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!