window.location + window.history + hashchange

一、window.location

只读属性,返回关于 document 当前信息的 Location 对象,包含如下属性:

(1)导航:window.location = url;或 window.location.assign(url);

(2)强制从服务器重新加载当前页面:location.reload();

(3)重新加载页面:location.replace();替换的新方法不会保存在会话的历史 history 中,不能使用后退按钮后退到该页面

(4)获取查询字符串:window.location.search

二、window.history

对用户所访问的页面按时间顺序进行的记录和保存,使用该API之前,扩展程序必须在其 manifest.json 文件中获取history的许可。

方法与属性见文档

三、hashchange

Fragment identifiers 发生变化会触发 hashchange 事件;

fragment 不会被发送到服务器;

fragment 的改变不会触发浏览器刷新页面,但是会生成浏览历史;

四、Manipulating the browser history

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,556评论 1 11
  • 本文转载自博客园的小火柴的蓝色理想。 对话框   window对象提供几种弹出框。 alert()alert()方...
    小小的开发人员阅读 1,174评论 0 8
  • 本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件,主要有以下一些。 click 事件,dblc...
    许先生__阅读 2,523评论 0 4
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,212评论 0 21
  • 浏览器窗口有一个history对象,用来保存浏览历史。 如果当前窗口先后访问了三个网址,那么history对象就包...
    君临12138阅读 3,115评论 0 3