共计 1277 个字符,预计需要花费 4 分钟才能阅读完成。
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. 待续。。。
正文完
发表至: javascript
2019-05-12