JavaScript의 BOM 상세 분석(예제 포함)

이 기사는 JavaScript의 BOM에 대한 자세한 분석을 제공합니다(예제 포함). 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

BOM

BOM 브라우저 개체 모델

# 🎜🎜#

window

window 객체는 js의 최상위 객체이며 전역 범위에 정의된 모든 변수와 함수는 속성이 되며 window 객체의 메서드이며, 호출 시 window를 생략할 수 있습니다.

window.open(): 새 창 열기

window.close(): 현재 창 닫기
window.moveTo(): ​​​​현재 창 이동 #🎜 🎜#window.resizeTo(): ​​현재 창의 크기를 조정합니다.
window.onload(): 페이지가 로드될 때
window.onscroll(): 페이지가 스크롤될 때
window.onresize (): 페이지는 시간 크기를 재정의합니다

브라우저에서 각 탭에는 자체 창 개체가 있습니다. 즉, 동일한 창에 있는 탭 간에는 창 개체가 공유되지 않습니다.

frames

페이지에 프레임이 포함된 경우 각 탭은 각 프레임에는 자체 창 개체가 있으며 프레임 컬렉션에 저장됩니다.

프레임 컬렉션에서 해당 창 개체는 숫자 인덱스(0부터 시작, 왼쪽에서 오른쪽, 위에서 아래로) 또는 프레임 이름으로 액세스할 수 있습니다.

모든 창 개체에는 프레임 이름이 포함된 이름 속성이 있습니다.

    <frameset>
        <frame>
        <frameset>
            <frame>
            <frame>
        </frameset>
    </frameset>

window.frames[0] 또는 window.frames["topFrame"]을 통해 상위 프레임을 참조할 수 있습니다.

top
그러나 이러한 프레임(top.frames[0])을 참조하려면 top을 사용하는 것이 가장 좋습니다. 왜냐하면 최상위 객체는 항상 가장 높은 객체(가장 바깥쪽)를 가리키기 때문입니다. ) 프레임이고 브라우저 창입니다. 이를 사용하여 한 프레임에서 다른 프레임으로의 올바른 액세스를 보장합니다. 프레임워크에 작성된 코드의 경우 창 개체는 최상위 프레임워크가 아닌 해당 프레임워크의 특정 인스턴스를 가리키기 때문입니다.
parent
상단 반대편의 또 다른 창 객체는 부모입니다. 이름에서 알 수 있듯이 상위 개체는 항상 현재 프레임 바로 위의 프레임을 가리킵니다. 어떤 경우에는 parent가 top과 같을 수 있지만 프레임이 없으면 parent는 top과 같아야 합니다(이 경우 둘 다 window와 같습니다).
self
프레임과 관련된 마지막 개체는 항상 창을 가리키는 self입니다. 실제로 self와 창 개체는 서로 바꿔서 사용할 수 있습니다. self 객체를 도입하는 목적은 단지 상위 객체와 상위 객체에 대응하기 위한 것이므로 특별히 다른 값을 포함하지는 않습니다.
이 모든 개체는 창 개체의 속성이며 window.parent, window.top 등을 통해 액세스할 수 있습니다. 동시에 이는 window.parent.parent.frames[0]와 같이 서로 다른 수준의 창 개체를 연결할 수 있음을 의미합니다.

위치

네비게이터

#🎜 🎜 # navigator 개체는 사용자의 브라우저와 운영 체제를 결정하는 것입니다.

navigator.appName: 브라우저 이름

navigator.appVersion: 브라우저 버전

navigator.언어: 브라우저 설정 언어

navigator.platform: 운영 체제 유형
navigator.userAgent: 브라우저에서 설정한 사용자 에이전트 문자열


History

#🎜🎜 #

# 🎜🎜#

historyforward(): 메소드는 기록 목록에서 다음 URL을 로드합니다. 이는 브라우저에서 뒤로 버튼을 클릭하는 것과 같습니다. history.back(): 메소드는 이전 URL을 로드합니다. 브라우저에서 앞으로 버튼을 클릭하는 것과 동일합니다. history.go(): 이 메서드는 사용자의 기록에서 뒤로 또는 앞으로 임의로 이동할 수 있습니다. 이전

screen

Screen 객체는 표시된 브라우저에 대한 정보를 저장합니다. 화면. screen.width: 화면 너비(픽셀 단위)
screen.availWidth: 사용 가능한 화면 너비(픽셀 단위)

screen.height: 화면 높이(픽셀 단위) Unit#🎜🎜 #

위 내용은 JavaScript의 BOM 상세 분석(예제 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!