EventTarget

EventTarget 是一个 DOM 接口，由可以接收事件、并且可以创建侦听器的对象实现。

Element，document 和 window 是最常见的 event targets ，但是其他对象也可以作为 event targets，比如 XMLHttpRequest，AudioNode，AudioContext 等等。

许多 event targets（包括 elements， documents 和 windows）支持通过 onevent 特性和属性设置事件处理程序 (en-US) (event handlers (en-US))。

Window继承自EventTarget，所以会继承其中的属性和方法：

addEventListener：注册某个事件类型以及事件处理函数；

removeEventListener：移除某个事件类型以及事件处理函数；

dispatchEvent：派发某个事件类型到EventTarget上；

Location对象常见的属性

Location对象用于表示window上当前链接到的URL信息。

常见的属性有哪些呢？

href: 当前window对应的超链接URL, 整个URL；

protocol: 当前的协议；

host: 主机地址；

hostname: 主机地址(不带端口)；

port: 端口；

pathname: 路径；

search: 查询字符串；

hash: 哈希值；

username：URL中的username（很多浏览器已经禁用）；

password：URL中的password（很多浏览器已经禁用）；

location有如下常用的方法：

assign：赋值一个新的URL，并且跳转到该URL中；

replace：打开一个新的URL，并且跳转到该URL中（不同的是不会在浏览记录中留下之前的记录）；

reload：重新加载页面，可以传入一个Boolean类型；

history对象允许我们访问浏览器曾经的会话历史记录。

有两个属性：

length：会话中的记录条数；

state：当前保留的状态值；

有五个方法：

back()：返回上一页，等价于history.go(-1)；

forward()：前进下一页，等价于history.go(1)；

go()：加载历史中的某一页；

pushState()：打开一个指定的地址；

replaceState()：打开一个新的地址，并且使用replace；

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第24天，点击查看活动详情