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
     
  • 相关阅读:
    作业3
    学习进度
    作业2
    介绍自己,并介绍github注册过程和初步使用
    mysql显示中文乱码问题解决
    数学能力测试
    C++ Primer总结
    shell脚本
    完全二叉树
    test命令的测试功能
  • 原文地址:https://www.cnblogs.com/lyraLee/p/11578051.html
Copyright © 2011-2022 走看看