JS Web

Web API

浏览器内置window对象，是最顶层的对象；

它代表的是整个浏览器js运行环境，所以这个对象的属性方法可以直接在js代码中使用，无需加 window. 作为前缀；

所有其他对象都是它的属性，通过它我们可以访问到其他重要的内置对象，例如history、location、document。

prompt、alert、confirm

prompt()；//输入框

alert()；//警告框

confirm()； //确认框

history、location

history：当前浏览器的 浏览历史对象

history.back()； //返回上次浏览地址（等于点击浏览器的返回按钮）

history.go(-1)；//同上

history.forward()；//前进一页（等于点击浏览器的前进按钮）

location：当前浏览器的 地址对象

location.href = 'main.html'；//设置当前浏览地址

location.reload()；//重新加载网页（刷新网页）

localStorage、sessionStorage

 localStorage：相当于本地键值对数据库，用于存储浏览器中的一些数据，以键值对的形式存储；关闭浏览器窗口后，不会丢失数据

localStorage.setItem('myCat' , 'Tom')； //存入/修改数据

const cat = localStorage.getItem('myCat')；//获取数据

localStorage.clear()；//清除localStorage数据

 sessionStorage：同样的，就是关闭浏览器窗口后，会丢失数据

close、open

close()；//关闭当前窗口

open()；//打开一个新的窗口

open('https://www.byhy.net')；//打开新窗口，访问指定url

open('https://www.byhy.net' , '_self')；//直接在本窗口打开访问指定urls

document 

是window对象内置的属性，也可以说是js内置对象window.document；

用于获取DOM对象中每个节点对象

元素通用属性

元素自身属性

事件处理

本文参考自：简介 - 白月黑羽 (byhy.net)