history(路由控制)

关键对象和方法

history.pushState(); //历史记录新增一条链接，并改变当前URL ，页面无刷新

history.replaceState(); //替换当前URL,同时更新历史记录，页面无刷新

事件

onpopstate{

　　//这三个方法会触发 onpopstate事件

　　history.forward() //向前翻一页

　　history.back() //向后翻一页

　　history.go() //指定翻页

}

setTimeout(()=>history.pushState({page:1,uid:2200},'这个参数没什么用','home.html'),2000)

setTimeout(()=>history.pushState({page:2,cookie:303030303},'这个还是没什么用','about.html'),4000)

//执行回退 触发 onpopstate事件setTimeout(()=>history.back(),6000);

window.onpopstate = function(event){　　console.log(document.location)　　console.log(event.state) //返回你定义的当前页面的第一个参数对象{page:1,uid:2200} }

转载于:https://www.cnblogs.com/hnshi/p/7685834.html

history(路由控制)相关推荐

Vue Router 实现路由控制实战
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习. Vue Router 实现路由控制实战前言一.什么是单页面应用及实现前端路 ...
（chap4 IP协议）路由控制( Routing）
1. 定义路由控制是指将分组数据发送到最终目标地址的功能. 1.1 . 多跳路由路由器或主机在转发IP数据包时只指定下一个路由器或主机,.而不是将到最终目标地址为止的所有通路全都指定出来. Hop ...
【nodejs笔记3】Express基本用法，和路由控制，和模板渲染ejs
1. 路由控制的工作原理 //routes/index.js中的代码//访问主页时,调用ejs模板引擎,渲染index.ejs模板文件,生成静态页面,并显示在浏览器中.router.get('/', ...
drf 解析器,响应器,路由控制
解析器作用: 根据请求头 content-type 选择对应的解析器对请求体内容进行处理. 有application/json,x-www-form-urlencoded,form-data等格式使 ...
[html] 使用history路由方式时，你有自己动手配置过服务器端吗？为什么要配服务器端？怎么配？
[html] 使用history路由方式时,你有自己动手配置过服务器端吗?为什么要配服务器端?怎么配? history路由会请求服务器,因此需要服务器配合返回一个固定的index.html页面以ng ...
【GoWeb开发实战】Beego的路由控制
Beego的路由控制二.路由控制 web框架中,路由是重要的一环,对于beego的路由配置如何? 2.1 默认路由让我们从入口文件main.go先分析起来吧: package mainimport ...
node.js路由控制
一.工作原理当通过浏览器访问app.js建立的服务器时,会看到一个简单的页面,实际上它已经完成了许多透明的工作, 当访问http://localhost:3000,浏览器会向服务器发送请求,包括请求 ...
图解TCPIP-IP 网际协议-路由控制
1.数据包发送使用的是网络层地址,既IP地址. 2.需要通过路由的控制表(Routing Table)来确定路径 3.实现IP通信的主机和路由器必须有控制表 4.控制表可以手动配置(静态路由)也可以自 ...
ospf避免环路_13、OSPF的选路规则及路由控制
OSPF的选路规则及路由控制 OSPF区域内路由优于区域间: OSPF区域间优于外部路由: OSPF外部路由中Metric-Type1的路由大于Metric-Type2的路由: 同为Type1的外部路 ...
history 路由 vs hash 路由 vs location.href 实现跳转
location.href 直接页面跳转了 => 重新请求页面了 -> 刷新 history => 改变 url 但是页面不刷新 ,没有重新请求后端的页面,用到了 history a ...

history(路由控制)

history(路由控制)相关推荐

最新文章

热门文章