windows对象

// 1、windows对象
    // 2、windows对象是BOM的核心，代表的是一个浏览器窗口
    // 3、windows对象不需要创建可以直接使用
    // 4、windows对象中的属性
    console.log(window.innerHeight); // 浏览器窗口的内部高度
    console.log(window.innerWidth); // 浏览器窗口的内部宽度
    console.log(window.outerHeight); // 浏览器窗口的外部高度
    console.log(window.outerWidth); // 浏览器窗口的外部宽度
    console.log(window.screenLeft); // 浏览器窗口相对于屏幕左边的位置
    console.log(window.screenTop); // 浏览器窗口相对于屏幕上边的位置
    console.log(window.screenX); // 浏览器窗口相对于屏幕左边的位置
    console.log(window.screenY); // 浏览器窗口相对于屏幕上边的位置
    console.log(window.location); // 浏览器窗口的地址栏信息
    console.log(window.history); // 浏览器窗口的历史记录信息
    console.log(window.navigator); // 浏览器窗口的导航信息
    console.log(window.document); // 浏览器窗口的文档信息
    console.log(window.frames); // 浏览器窗口的框架信息
    console.log(window.parent); // 浏览器窗口的父窗口信息
    console.log(window.self); // 浏览器窗口自身信息
    console.log(window.top); // 浏览器窗口的顶级窗口信息
    console.log(window.window); // 浏览器窗口自身信息
    console.log(window.globalThis); // 浏览器窗口自身信息
    console.log(window.global); // 浏览器窗口自身信息
    console.log(window.document.documentElement); // 浏览器窗口的文档元素
    console.log(window.document.body); // 浏览器窗口的文档体
    console.log(window.document.head); // 浏览器窗口的文档头
    console.log(window.document.title); // 浏览器窗口的文档标题
    console.log(window.document.URL); // 浏览器窗口的文档URL
    console.log(window.document.domain); // 浏览器窗口的文档域名
    console.log(window.document.referrer); // 浏览器窗口的文档来源
    console.log(window.document.lastModified); // 浏览器窗口的文档最后修改时间
    console.log(window.document.cookie); // 浏览器窗口的文档cookie
    console.log(window.document.characterSet); // 浏览器窗口的文档字符集
    console.log(window.document.contentType); // 浏览器窗口的文档内容类型
    console.log(window.document.readyState); // 浏览器窗口的文档加载状态
    console.log(window.document.documentElement.clientWidth); // 浏览器窗口的文档元素宽度
    console.log(window.document.documentElement.clientHeight); // 浏览器窗口的文档元素高度
    console.log(window.document.documentElement.scrollWidth); // 浏览器窗口的文档元素滚动宽度
    console.log(window.document.documentElement.scrollHeight); // 浏览器窗口的文档元素滚动高度
    console.log(window.document.documentElement.offsetWidth); // 浏览器窗口的文档元素偏移宽度
    console.log(window.document.documentElement.offsetHeight); // 浏览器窗口的文档元素偏移高度
    console.log(window.document.documentElement.style); // 浏览器窗口的文档元素样式 
    console.log(window.document.documentElement.className); // 浏览器窗口的文档元素类名
    console.log(window.document.documentElement.id); // 浏览器窗口的文档元素ID
    console.log(window.document.documentElement.tagName); // 浏览器窗口的文档元素标签名
    console.log(window.document.documentElement.innerHTML); // 浏览器窗口的文档元素内部HTML
    console.log(window.document.documentElement.innerText); // 浏览器窗口的文档元素内部文本
    console.log(window.document.documentElement.outerHTML); // 浏览器窗口的文档元素外部HTML
    console.log(window.document.documentElement.outerText); // 浏览器窗口的文档元素外部文本
    console.log(window.document.documentElement.attributes); // 浏览器窗口的文档元素属性
    console.log(window.document.documentElement.childNodes); // 浏览器窗口的文档元素子节点
    console.log(window.document.documentElement.parentNode); // 浏览器窗口的文档元素父节点
    console.log(window.document.documentElement.firstChild); // 浏览器窗口的文档元素第一个子节点
    console.log(window.document.documentElement.lastChild); // 浏览器窗口的文档元素最后一个子节点   
    // 5、windows对象中的方法
    // window.alert('hello world');// 弹出提示框
    // window.confirm('你确定要删除吗？');// 弹出确认框
    // window.prompt('请输入内容');// 弹出输入框
    // window.open('http://www.baidu.com','_blank','width=400,height=400');// 打开新窗口
    // window.close();// 关闭当前窗口
    window.print();// 打印当前窗口
    window.scrollTo(0,0);// 将当前窗口滚动到指定位置
    window.scrollBy(0,0);// 将当前窗口滚动指定距离
    window.resizeTo(400,400);// 将当前窗口大小调整到指定大小
    window.resizeBy(400,400);// 将当前窗口大小调整指定距离
    window.moveTo(0,0);// 将当前窗口移动到指定位置
    window.moveBy(0,0);// 将当前窗口移动指定距离
    window.find('hello');// 在当前窗口中查找指定内容
    window.clear();// 清空当前窗口内容
    window.captureEvents(Event.MOUSEDOWN);// 捕获指定事件
    window.releaseEvents(Event.MOUSEDOWN);// 释放捕获指定事件
    window.setInterval(function(){},1000);// 设置指定事件间隔触发
    window.clearInterval(timer);// 清除指定事件间隔触发
    window.setTimeout(function(){},1000);// 设置指定事件延迟触发
    window.clearTimeout(timer);// 清除指定事件延迟触发
    window.focus();// 将当前窗口设置为活动窗口
    window.blur();// 将当前窗口设置为非活动窗口
    window.print();// 打印当前窗口
    // 6、windows对象中的事件   
    window.onload = function(){
        // 页面加载完成后的操作
    };
    window.onunload = function(){
    }
    window.onresize = function(){
        // 窗口大小改变后的操作
    };
    window.onbeforeunload = function(){
        // 窗口关闭前的操作
    };
    window.onerror = function(){
        // 页面加载错误时的操作
    };
    window.onkeydown = function(){
        // 键盘按下时的操作
    }
    window.onkeyup = function(){
        // 键盘松开时的操作
    }
    window.onkeypress = function(){
        // 键盘按下并松开时的操作
    }
    window.onmouseover = function(){
        // 鼠标移入时的操作
    }
    window.onmouseout = function(){
        // 鼠标移出时的操作
    }
    window.onmousedown = function(){
        // 鼠标按下时的操作
    }
    window.onmouseup = function(){
        // 鼠标松开时的操作
    }
    window.onmousemove = function(){
        // 鼠标移动时的操作
    }
    window.onmousewheel = function(){
        // 鼠标滚轮滚动时的操作
    }
    window.onwheel = function(){
        // 鼠标滚轮滚动时的操作
    }
    window.onscroll = function(){
        // 页面滚动时的操作
    }
    window.oncontextmenu = function(){
        // 鼠标右键点击时的操作
    }
    window.ondragstart = function(){
        // 拖拽开始时的操作
    }
    window.ondragend = function(){
        // 拖拽结束时的操作
    }
    window.ondragover = function(){
        // 拖拽过程中鼠标悬停时的操作
    }
    window.ondragenter = function(){
        // 拖拽过程中鼠标进入时的操作
    }
    window.ondragleave = function(){
        // 拖拽过程中鼠标离开时的操作
    }
    window.ondrop = function(){
        // 拖拽过程中鼠标释放时的操作
    }
    window.oncopy = function(){
        // 复制操作时的操作
    }
    window.oncut = function(){
        // 剪切操作时的操作
    }
    window.onpaste = function(){
        // 粘贴操作时的操作
    }
    window.oninput = function(){
        // 输入操作时的操作
    }
    window.onselect = function(){
        // 选择操作时的操作
    }
    window.onchange = function(){
        // 改变操作时的操作
    }
    window.onfocus = function(){
        // 获取焦点时的操作
    }
    window.onblur = function(){
        // 失去焦点时的操作
    }
    window.onclick = function(){
        // 点击操作时的操作
    }
    window.ondblclick = function(){
        // 双击操作时的操作
    }