zoukankan      html  css  js  c++  java
  • window、BOM、 document、 DOM

    window:  顾名思义,窗口,浏览器窗口。是Window构造函数的一个实例对象。

    它包含浏览器的一些属性和方法,如screen,location,history,setInterval等。

    // 浏览器窗口的高度和宽度(不包含工具栏和滚动条)--兼容办法
    var width = window.innerWidth || document.documentElement.clientWidth ||
    document.body.clientWidth
    
    var height = window.innerHeight ||
    document.documentElement.clientHeight ||
    document.body.clientHeight

    所有JS变量中的全局变量和函数成为window对象的属性和方法。

    BOM: BrowserObjectModel;  浏览器对象模型;允许JS和浏览器通话。

    window是BOM的一个顶层对象。

    document: 文档对象,一个html页面是一个文档对象。包含<!DOCTYPE html> 的声明。

    可以通过document对象提供的各种方法和属性访问文档内的内容。里面的每个标签都是一个DOM对象。

    const htmlDOM = window.document.documentElement; 
    const rooElement = window.document.getElementById('root');

    DOM: DocumentObjectModel。 文档对象模型。

    document对象是DOM的一个顶层对象。

    另外window对象包含document对象。

    window.document === document
     
  • 相关阅读:
    python--异常处理
    Codeforces 1499D
    Codeforces 1263E
    Codeforces 1493D
    Codeforces 1492D
    Codeforces 1490G
    Codeforces 1487E
    Codeforces 1485D
    Codeforces 1485C
    P6917 [ICPC2016 WF]Balanced Diet
  • 原文地址:https://www.cnblogs.com/lyraLee/p/11578051.html
Copyright © 2011-2022 走看看