> 웹 프론트엔드 > JS 튜토리얼 > JavaScript Window 개체 이해

JavaScript Window 개체 이해

William Shakespeare
풀어 주다: 2025-02-09 11:15:11
원래의
692명이 탐색했습니다.
글로벌 객체와 브라우저 창 : JavaScript의 창 객체로의 깊은 다이빙 모든 JavaScript 환경에는 전역 객체가 있습니다. 글로벌 범위에서 선언 된 변수는이 객체의 속성이되고 기능은 그 방법이됩니다. 브라우저 에서이 글로벌 객체는 객체이며 웹 페이지를 표시하는 브라우저 창을 나타냅니다. 이 기사에서는

객체의 주요 용도를 탐색합니다 window window 주요 개념 :

Understanding the JavaScript Window Object 개체는 브라우저의 글로벌 객체입니다. 글로벌 변수는 그 속성입니다. 글로벌 기능은 그 방법입니다.

BOM (Browser Object Model)은 브라우저 및 화면 정보 (브라우저 유형, 화면 치수, 방문 페이지 등)를 제공하는

객체 속성 및 메소드 모음입니다. 객체는 대화 상자를 작성하고 관리하는 방법을 제공합니다 (, , ). 이러한 정지 실행은 사용자 상호 작용까지 객체는 브라우저 정보에 액세스하고 히스토리 탐색 및 Wind

    객체는 페이지의 내용을 조작하기위한
  • 객체를 포함합니다. window
  • 브라우저 객체 모델 (BOM)
  • 개체를 통해 액세스 할 수있는 BOM은 브라우저 및 화면에 대한 정보를 제공합니다. 공식적으로 표준화되지는 않지만 주요 브라우저에서 많은 속성과 방법이 지속적으로 지원됩니다. 각 브라우저 창, 탭, 팝업, 프레임 및 iframe에는 고유 한 window 객체가 있습니다.
  • Bom의 브라우저 별 특성 : JavaScript는 다양한 환경에서 실행됩니다. BOM은 브라우저 컨텍스트 내에서만 관련이 있습니다. 다른 환경 (node.js와 같은)에는
  • 객체가 부족하지만 여전히 전역 객체 (예 : node.js에서 window)을 가지고 있습니다. 환경에 관계없이 글로벌 객체에 액세스하려면 글로벌 범위에서 alert() 키워드를 사용하십시오. confirm() 글로벌 변수 및 창 객체 : prompt() 글로벌 변수 (
  • , 또는 없이 선언)는 글로벌 오브젝트의 속성입니다. 브라우저에서 이것은
  • 객체의 속성을 의미합니다. window 일반적으로, 글로벌 변수에 직접 액세스하여 (
  • 없이) 코드 이식성을 향상시킵니다. 그러나 변수가 정의되어 있는지 확인하는 데 유용합니다.
    const globalObject = this;
    로그인 후 복사
    및 와 같은 함수는 글로벌 객체 방법 (따라서 브라우저에서 메소드)입니다. 직접 전화 (없이)는 표준 관행입니다 대화 상자 (, parseInt(), ) : isNaN() 이러한 기능은 대화 상자를 생성하여 사용자가 상호 작용할 때까지 실행을 일시 중지합니다. 프로그램 흐름을 방해 할 수 있으므로 신중하게 사용하십시오 window : 메시지 상자가 표시됩니다. 반환 <..>. window. : 확인 대화 상자를 표시합니다 (확인/취소). 반환 (OK) 또는 (취소). 입력 필드로 프롬프트가 표시됩니다. 입력 텍스트 (확인) 또는 (취소)를 반환합니다.

    alert() 브라우저 정보 (Navigator Object) : confirm() prompt() 개체는 브라우저 정보를 제공합니다. 속성은 브라우저 및 운영 체제를 설명하는 문자열을 반환합니다. 그러나이 정보는 신뢰할 수없고 수정할 수 있습니다. URL 세부 사항 () :

    객체에는 URL 정보가 포함되어 있습니다
      : 전체 URL (읽기/쓰기) : 프로토콜 (예 : ) : 도메인과 포트
    • : 도메인 window.alert('Message') : 포트 번호 : 경로 : 쿼리 문자열 undefined : 조각 식별자 : 프로토콜 및 도메인 (읽기 전용)
    • 는 탐색을위한 , 및 와 같은 메소드도 제공합니다. 브라우저 기록 () :
    • window.confirm('Question?') true 객체는 이전에 방문한 페이지에 대한 액세스를 제공합니다. 는 방문한 페이지의 수를 제공합니다. , falseUnderstanding the JavaScript Window Object 는 역사를 통해 탐색합니다 창 제어 (,
    • ,
    • , ) : window.prompt('Prompt', 'Default'): 이 방법은 Windows를 제어합니다
      • : 새 창을 엽니 다. window.open(url, title, attributes) Understanding the JavaScript Window Object : 창을 닫습니다
      • : 창을 움직입니다. : 창을 크기를 조정합니다
      • 이것을주의해서 사용하십시오. 많은 브라우저는 과거의 남용 (팝업 광고)으로 인해 사용을 제한합니다. 화면 정보 () : window.close()
      • 객체는 화면 정보를 제공합니다 window.moveTo(x, y) ,
      • : 화면 치수. ,
      • : 사용 가능한 화면 치수 (메뉴 제외) window.resizeTo(width, height) : 컬러 비트 깊이.

      문서 객체 :

      객체에는 페이지의 내용을 조작하기위한 window.screen 객체가 포함되어 있습니다 (다른 곳에서 자세히 설명). 메소드는 페이지에 텍스트를 씁니다. 페이지가 이미로드 된 경우 기존 컨텐츠를 덮어 씁니다. 그것의 사용은 일반적으로 낙담합니다.

      faqs : window.screen

      • 객체는 무엇입니까? height 브라우저 환경의 글로벌 객체. 액세스 방법? width 직접 또는
      • 키워드를 사용하십시오.
      • 공통 속성? availHeight, availWidth,
      • ,
      • 페이지가 완전히로드 될 때 이벤트가 트리거되었습니다 차단 된 팝업 감지? colorDepth
      이 포괄적 인 개요는 JavaScript의

위 내용은 JavaScript Window 개체 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿