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.待续。。。