JavaScript对象
JavaScript对象
# Documetn
<br />Document<br /><br />Document 接口表示任何在浏览器中载入的网页，并作为网页内容的入口，也就是DOM 树。DOM 树包含了像 <body> 、<table> 这样的元素，以及大量其他元素。它向网页文档本身提供了全局操作功能，能解决如何获取页面的 URL ，如何在文档中创建一个新的元素这样的问题。<br /><br />Document 接口描述了任何类型的文档的通用属性与方法。根据不同的文档类型（例如HTML、XML、SVG，...），还能使用更多 API：使用 "text/html" 作为内容类型（content type）的 HTML 文档，还实现了 HTMLDocument 接口，而 XML 和 SVG 文档则（额外）实现了 XMLDocument 接口。<br />构造器<br /><br />Document()<br /> 创建一个新的 Document 对象。 <br />
————
# Location对象
Location对象的属性 返回值
location.href 获取或者设置url
location.search 返回参数
location.host 返回主机(域名)
location.port 返回端口号，若无则返回空
location.pathname 返回路径
location.hash 返回片段#后面内容常见于链接锚点
## Location对象常见方法
对象方法 返回值
location.assign() 跟href 一样，可以跳转页面(也称为重定向页面)
location.replace() 替换当前页面，因为不记录历史，所以不能后退页面
location.reload() 重新加载页面，相当于刷新按钮或者f5 如果参数为true强制刷新ctrl+f5
————
# history对象
history对象方法 作用
history.back() 相当于页面的后退
history.forward() 页面前进
history.go(args) 前进后退功能参数如果是1前进1个页面如果是-1后退1个页面
# 高级事件
### 监听事件<br /><!--给第一个button按钮注册一个alert(1)的弹窗事件后跳转--><br /><><br /><script><br /> var buttons = document.querySelectorAll('button');<br /> btns[0].addEventListener('click', function() {<br /> alert(1);<br /> location.replace('/next.html');<br /> })<br /></script><br />
### 事件委托
### 阻止默认行为