history和location常用的方法

115 阅读1分钟

一.history

window.history属性指向History对象,它表示当前窗口的浏览历史
    它是一个栈的,后面的方法是对栈进行操作
window.history.方法()也可以直接history.方法()
history.back() 返回上一页
history.forward()  前进一页
history.go(-1) 返回上一页
history.go(1)  前进一页
history.pushState(添加)和history.replaceState()(替换)  //vue router

二.location

可以通过window.locationdocument.location或直接location
location.href:整个URL
location.protocol:当前URL的协议,包括冒号:
location.host:主机。如果端口不是协议默认的80433,则还会包括冒号(:)和端口
location.hostname:主机名。不包括端口
location.port:端口号
location.pathnameURL的路径部分,从根路径开始
location.search:查询字符串部分,从?开始
location.hash:片段字符串部分,从#号开始
location.username:域名前面的用户名
location.password:域名前面的密码
location.originURL的协议、主机名和端口