window对象

window对象表示的是浏览器打开的窗口,包括多种属性和方法。
常用的window对象属性:
1.document对象:每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

常用的属性和方法:
1.document.activeElement获取当前获得焦点的元素信息,比如当前获得焦点元素的tagname
    document.activeElement.tagName
    tips:document.hasFocus可以用来查看当前元素是否获得焦点
2.document.addEventListener/removeEventListener(事件名,作为事件处理程序的函数,布尔值(true表示在捕获阶段使用,false表示在冒泡阶段使用))
实现的是监听到某个事件后利用function实现对该事件的处理
3.document.createAttribute,用于创建某个指定名称属性,将属性注入元素中用setAttributeNode
    ```
    var h1=document.getElementsByTagName("H1")[0];
        var att=document.createAttribute("class");
        att.value="democlass";
        h1.setAttributeNode(att);
    ```
 4.document.createELement, 通过指定名称创建一个元素
 5.document.createTextNode 创建一个文本节点,通常和楼上一起使用,创建一个带文本的元素
    ```
    //创建名字为HEllo World的H1标题
    var h=document.createElement("H1")
    var t=document.createTextNode("Hello World");
    h.appendChild(t);
    ```
 6.getELement系列:
     document.getElementsByClassName()    返回文档中所有指定类名的元素集合,作为 NodeList 对象。
     document.getElementById()    返回对拥有指定 id 的第一个对象的引用。
     document.getElementsByName()    返回带有指定名称的对象集合。
     document.getElementsByTagName()    返回带有指定标签名的对象集合
 7.document.querySelector() 返回文档中匹配指定的CSS选择器的第一个元素(只返回第一个,如果要是返回所有的就得用querySelectorAll)
 8.document.readyState,返回文档状态,包括uninitialized - 还未开始载入,loading - 载入中,interactive - 已加载,文档与用户可以开始交互,complete - 载入完成四个部分
 9.document.write()/writeln(),向文档写入HTML 表达式或 JavaScript 代码,后者写一行新增一行
 10.待续。。。
    原文作者:just小千
    原文地址: https://segmentfault.com/a/1190000019152087
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞