JavaScript에서 BOM이란 무엇입니까? BOM 객체 소개

이 장에서는 JavaScript에서 BOM이 무엇인지 설명합니다. BOM 객체 소개를 통해 js에서 BOM의 의미와 JavaScript가 BOM 객체를 작동하는 방법을 모든 사람이 이해할 수 있도록 합니다. 그것에는 특정 참고 가치가 있고, 있습니다 도움이 필요한 친구들이 참고하면 도움이 되리라 믿습니다.

1. BOM이란

BOM(Browser Object Model)은 브라우저 객체 모델입니다.
            BOM은 콘텐츠와 관계없이 브라우저 창과 상호 작용하는 객체를 제공합니다. 창 간의 통신을 관리하는 데 사용되므로 핵심 개체는 창입니다.
BOM은 일련의 관련 개체로 구성되며 각 개체는 다음과 같습니다. 객체는 많은 메소드와 속성을 제공합니다.
BOM에는 표준이 없습니다. JavaScript 구문의 표준화 조직은 ECMA이고 DOM의 표준화 조직은 다음과 같습니다. 예, W3C, BOM은 원래 Netscape 브라우저 표준의 일부였습니다.

2. BOM 개체

1.window 개체: 현재 브라우저 형식 #🎜 🎜#window 객체는 js의 최상위 객체입니다. 전역 범위에 정의된 모든 변수와 함수는 호출할 때 사용할 수 있는 window 객체의 속성과 메서드가 됩니다. 창을 생략합니다.

속성:

status: 상태 표시줄(현재 브라우저에서 더 이상 사용되지 않음)

opener: A Open B에서 열린 경우 내 것을 여는 사람, 그러면 B의 시작은 A입니다

closed: 하위 양식이 닫혔는지 확인

Method:

#🎜🎜 ##🎜 🎜#alert() 팝업 상자

confirm() 확인 후 팝업 상자 취소

setInterval() 호출하는 데 몇 초 # 🎜 🎜#

clearInterval() Clear setInterval

setTimeout() 호출할 시간(초)

cleartimeout( ) Clear setTimeout

open() 새 창 열기

예:

 window.open

("other.html"," _blank","width=200,height=300,top=300");

console: 가장 일반적으로 사용되는 사용됨 console.log() 브라우저 콘솔 인쇄

2입니다. 하위 객체

하위 객체의 주요 소개: loation, 역사, 화면 .

1), 위치 점프 위치

<meta http-equiv="refresh" content="3; url =http://www.hteis.cn";>      //不加url指3秒刷新

一次，加url指3秒跳转
window.location.href="popl.html";
location = pop.html
location.replace("pop.html")

 //浏览器不可以后退

2), 역사 기록

history.back() = = History.go(-1) //이전 페이지로 돌아가기

history.go(-2) //괄호 안의 파라미터의 음수는 이전 단계로 돌아가기 #🎜 🎜##🎜 🎜#예:

<a href="javascript:history.back()">返回上一页

</a>
<a href="javascript:history.go(-2)">第一页</a>

3), 화면 화면

screen.availHeight: 화면의 실제 높이

#🎜 🎜#screen.availWidth: 화면 실제 너비

screen.height: 화면 높이

screen.width: 화면 너비

예: #🎜🎜 #

console.log("屏幕实际高度"+screen.availHeight);
console.log("屏幕实际宽度"+screen.availWidth);
console.log("屏幕高度"+screen.height);
console.log("屏幕宽度"+screen.width);

# 🎜🎜#3. DOM과 BOM의 차이점

1. DOM

전체 이름은 Document Object Model입니다. 문서 개체 모델입니다. XML용 트리 기반 API입니다. 웹 콘텐츠를 처리하기 위한 방법과 인터페이스를 설명합니다. HTML 및 XML API와 DOM은 전체 페이지를 노드 수준으로 구성된 문서로 계획합니다. XHTML 및 HTML용 DOM. 이 DOM은 HTMLDocument와 HTMLElement를 다음과 같이 정의합니다. 이 구현의 기본은 이 HTML의 내용을 프로그래밍 방식으로 조작하기 위해(예: 특정 요소 추가, 요소 내용 수정, 특정 요소 삭제) 이 HTML을 살펴보는 것입니다. 다음과 같이 객체 트리(DOM 트리) 자체와 그 안의 모든 것을 만듭니다.

이러한 태그는 객체로 간주되며 각 객체를 노드(노드)라고 하며 노드를 이해할 수 있습니다. DOM으로 .

DOM의 용도는 무엇인가요? 예를 들어, JS를 통해 이 웹페이지의 제목을 변경하려면 다음과 같이 하세요.

document.title = '사랑을 나누는 방법';

이 API를 사용하면 웹페이지를 브라우저에 다운로드한 후 콘텐츠를 변경할 수 있습니다.

2.BOM

BOM은 브라우저 개체 모델입니다.

방금 DOM은 문서를 조작하는 것처럼 보이는 인터페이스라고 말씀드렸고, BOM은 이름에서 알 수 있듯이 실제로는 브라우저의 동작을 제어하는 ​​것처럼 보이는 인터페이스입니다.

브라우저는 무엇을 할 수 있나요? 예를 들어, 다른 페이지로 이동하거나 앞으로, 뒤로 이동하는 등의 작업을 수행하려면 프로그램에서 화면 크기와 같은 매개변수를 얻어야 할 수도 있습니다.

그래서 BOM은 이런 것들을 해결해주는 인터페이스인 것 같습니다. 예를 들어, 브라우저가 다른 페이지로 이동하도록 하려면
location.href =만 있으면 됩니다. "http://www.xxxx.com";

이 위치는 BOM의 개체입니다.

4. 요약

이 장에서는 이동하고 이동할 수 있는 창과 같이 브라우저 창과 상호 작용하는 일부 개체에 대해 배웠습니다. 탐색에 사용할 수 있는 브라우저 개체, 위치의 크기를 조정합니다. 객체 및 히스토리 객체, 브라우저, 운영 체제 및 사용자 화면 정보를 얻을 수 있는 화면 객체로 문서를 HTML 문서에 액세스하기 위한 입구로 사용할 수 있으며 프레임의 프레임을 관리할 수 있습니다. 객체 등

위 내용은 JavaScript에서 BOM이란 무엇입니까? BOM 객체 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!