>웹 프론트엔드 >JS 튜토리얼 >BOM 예시에 대한 자세한 설명

BOM 예시에 대한 자세한 설명

零下一度
零下一度원래의
2017-06-26 11:47:261971검색

BOM

브라우저 개체 모델(브라우저 개체 모델)을 사용하면 JavaScript가 브라우저와 "대화"할 수 있습니다.

브라우저 개체 모델(Browser Object Model) BOM은 콘텐츠와 관계없이 브라우저 창과 상호 작용하는 개체를 제공합니다. BOM은 주로 창 간의 통신을 관리하는 데 사용되므로 BOM은 일련의 관련 개체로 구성되며 각 개체는 많은 메서드와 속성을 제공합니다. JavaScript 구문에 대한 표준화 조직은 ECMA입니다. DOM의 표준화 조직은 W3C입니다.

(1), Window 객체

  모든 브라우저는 window 객체를 지원합니다. 이는 브라우저 창을 나타내며 BOM의 최상위(핵심) 개체입니다. 모든 개체는 이를 통해 확장됩니다. 모든 JavaScript 전역 개체, 함수 및 변수는 자동으로 창 개체의 멤버입니다. 전역 변수는 창 개체의 속성입니다. 전역 함수는 창 개체의 메서드입니다. window 개체는 최상위 개체이므로 하위 개체를 호출할 때 창 개체를 표시하지 않고 지정할 수 있습니다. 예를 들어 다음 두 줄의 코드는 동일합니다.

  document.write("The Weather is 오늘 정말 좋아요"); window.document.write("오늘 날씨가 정말 좋아요");

(2), 윈도우 시간 대기 및 간격 기능

타이머: 인위적으로 시간을 설정한 후 일부 이벤트를 실행하는 것입니다.

 1. 일회성 타이머: 지정된 지연 시간 후에 한 번만 실행됩니다. setTimeout() 메소드는 두 개의 매개변수를 받습니다. 첫 번째 매개변수는 트리거될 이벤트이고 두 번째 매개변수는 지정된 시간 간격입니다. 구문: var t=setTimeout("javascript 문", 밀리초) 메서드를 호출하는 두 가지 방법:

 setTimeout(showTime,1000);

 setTimeout("showTime()",1000);

 2. 타이머를 트리거하는 간격 : 특정 시간 간격마다 트리거됩니다. setInterval() 메소드도 두 개의 매개변수를 받습니다. 첫 번째 매개변수는 트리거될 이벤트이고 두 번째 매개변수는 지정된 시간 간격입니다. 구문: var t=setInterval("javascript 문", 밀리초) 메서드를 호출하는 두 가지 방법:

SetInterval(showTime,1000);

setInterval("showTime()",1000);

타이머 취소: 상호작용 취소 타이머로 설정된 시간.

 1. 일회성 타이머 취소 ClearTimeout(id) 메소드는 취소할 지연 실행 코드 블록을 식별하는 setTimeout()에서 반환된 ID 값을 수신합니다.

 2. 간격 트리거 타이머를 취소합니다.clearInterval(id) 메서드는 취소할 간격 실행 코드 블록을 식별하는 setInterval()에서 반환된 ID 값을 받습니다.

(3) 세 가지 시스템 대화 상자

alert(),confirm(),prompt()

 1.alert()는 지정된 메시지와 확인 버튼이 있는 경고 상자를 표시하는 데 사용됩니다.

  2.confirm()은 지정된 메시지와 확인 및 취소 버튼이 있는 대화 상자를 표시하는 데 사용됩니다. 구문: verify(message) verify()는 사용자가 확인 버튼을 클릭하면 true를 반환합니다. 취소 버튼을 클릭하면 verify()는 false를 반환합니다.

 3.prompt()는 사용자에게 입력을 요청하는 대화 상자를 표시하는 데 사용됩니다. 구문: 프롬프트(text,defaultText) 텍스트는 선택 사항입니다. 대화 상자에 표시할 일반 텍스트입니다. defaultText는 선택 사항입니다. 기본 입력 텍스트. 사용자가 도구 설명의 취소 버튼을 클릭하면 null을 반환합니다. 사용자가 확인 버튼을 클릭하면 입력 텍스트 상자에 현재 표시된 텍스트를 반환합니다.

내일은 BOM의 window 하위 객체에 대해 간략하게 이야기하겠습니다.

위 내용은 BOM 예시에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.