>  기사  >  웹 프론트엔드  >  노드에 dom 및 bom이 포함되어 있는지 여부

노드에 dom 및 bom이 포함되어 있는지 여부

WBOY
WBOY원래의
2022-07-06 10:19:341948검색

Node에는 dom과 bom이 포함되어 있지 않습니다. bom은 브라우저 개체 모델을 나타내고, bom은 문서 개체 모델을 나타내며, 노드는 인코딩을 위해 ecmascript를 사용하며 JavaScript가 실행되는 환경 플랫폼입니다. 따라서 dom과 bom은 node에 포함되지 않습니다.

노드에 dom 및 bom이 포함되어 있는지 여부

이 문서의 운영 환경: Windows 10 시스템, nodejs 버전 16, Dell G3 컴퓨터.

Node에는 dom과 bom이 없습니다.

ecmascript를 사용하여 node에서 인코딩하세요

bom과 dom이 없습니다. 이는 브라우저의 js와 다릅니다.

우선 두 가지 점을 분명히 합시다:

1. BOM(Browser Object Model) 브라우저 창에 접근하여 동작할 수 있는 브라우저 객체 모델을 말합니다. 2. DOM(Document Object Model)은 HTML 문서의 모든 요소에 접근할 수 있는 문서 객체 모델을 말합니다.

위의 두 가지 사항을 바탕으로 귀하의 질문에 답변하실 수 있습니다.

노드에는 브라우저나 문서가 없습니다. Node는 PHP와 유사한 백엔드 언어입니다.

NODE에서 BOM 및 DOM 개체를 사용하려면 Electron을 사용해 보세요.

Electron: JavaScript, HTML 및 CSS를 사용하여 크로스 플랫폼 데스크톱 애플리케이션을 구축합니다. (여기서 BOM 및 DOM을 사용할 수 있습니다.)

지식 확장


1. DOM 문서 개체 모델에서 권장하는 처리 방법입니다. W3C 조직 마크업 언어를 확장하는 표준 프로그래밍 인터페이스입니다.

 DOM(Document Object Model)은 HTML과 XML의 API(애플리케이션 프로그래밍 인터페이스)입니다.

 HTML 문서는 노드 모음이라고 할 수 있습니다. DOM 노드에는 요소 노드, 텍스트 노드, 속성 노드(예: 요소 태그)가 포함됩니다.

2. BOM 브라우저 개체 모델: 개체 간의 계층적 관계를 설명하는 데 사용되는 모델입니다. 브라우저 개체 모델은 콘텐츠와 독립적이며 브라우저 창과 상호 작용할 수 있는 개체 구조를 제공합니다.

 BOM은 주로 브라우저 창과 프레임을 다루지만 일반적으로 브라우저별 JavaScript 확장은 BOM의 일부로 간주됩니다.

 BOM에는 DOM(객체)이 포함되어 있습니다.

 javacsript는 BOM(Browser Object Model) 개체에 액세스하여 클라이언트(브라우저)에 액세스, 제어 및 수정합니다.

3. 노드 속성 nodeName; 노드 유형 nodeValue; 노드 트리 통과 childNodes; 노드 node

    firstChild //Node,指向在childNodes列表中的第一个节点
    lastChild //Node,指向在childNodes列表中的最后一个节点
    parentNode //Node,指向父节
    ownerDocument //Document,指向这个节点所属的文档
    firstChild //Node,指向在childNodes列表中的第一个节点
    lastChild //Node,指向在childNodes列表中的最后一个节点
    parentNode //Node,指向父节点
    childNodes //NodeList,所有子节点的列表
    previousSibling /Node,/指向前一个兄弟节点:如果这个节点就是第一个节点,那么该值为null
    `nextSibling` //Node,指向后一个兄弟节点:如果这个节点就是最后一个节点,那么该值为null
    `hasChildNodes()` //Boolean,当childNodes包含一个或多个节点时,返回真值

3의 특성 및 방법은 버블링 이벤트와 캡처 유형 이벤트입니다.

 버블링 이벤트: 가장 구체적인 이벤트 대상부터 가장 덜 구체적인 이벤트 대상 순으로 이벤트가 트리거됩니다

    (트리거 순서는 div, body, html(IE 6.0 및 Mozilla 1.0), document, window(Mozilla) 1.0))

이벤트 캡처: 버블링 이벤트의 반대 프로세스입니다. 위 예에서 이벤트는 가장 정확하지 않은 개체에서 트리거된 다음 가장 정확한 개체로 트리거됩니다. document, div

권장 학습: "

nodejs 동영상 튜토리얼

위 내용은 노드에 dom 및 bom이 포함되어 있는지 여부의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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