使用history.replaceState 控制微信返回

最新推荐文章于 2024-07-06 14:03:23 发布

lyh_951128

最新推荐文章于 2024-07-06 14:03:23 发布

阅读量1.1w

点赞数 3

分类专栏： js javascript 文章标签： js 微信返回

本文链接：https://blog.csdn.net/lyh_951128/article/details/50568442

版权

js 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

javascript

3 篇文章 0 订阅

订阅专栏

history.replaceState是将指定的URL替换当前的URL

注意：用于替换掉的URL必须是同域的

示例:

先保存三个页面

goto1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>goto1</title>
</head>
<body>
    <h1>这是goto1</h1>
    <a href='goto2.html'>去2</a>
</body>
</html>

goto2.html

<!DOCTYPE html>
<html lang="en">
<head>    
<meta charset="UTF-8">    
<title>goto2</title>
</head>
<body>    
<h1>这是goto2</h1>    
<a href='goto3.html'>去3</a>
</body>
<script>
history.replaceState({}, "goto1", "goto1.html");//将该页面的url替换为goto1.html,而不刷新页面
</script>
</body>
</html>

goto3.html

<pre name="code" class="html"><!DOCTYPE html>
<html lang="en">
<head>    
<meta charset="UTF-8">    
<title>goto3</title>
</head>
<body>    
<h1>这是goto3</h1>    
</body>
</html>

先从goto1点击链接进入goto2，goto2点链接进入goto3;

此时点击浏览器的后退键应该返回到goto2，然而由于我们已经用

history.replaceState({}, "goto1", "goto1.html");将goto2的url历史记录换成goto1；

所有从goto3点击后退直接返回到了goto1页面；这里的goto1也可以换成所有你想要用户返回的页面

奉上个人封装的一个控制返回小函数

var url='goto1';
var param=new Object();
param.userid='123';
param.status='1';//最后得到path=goto1.html?userid=123&status=1 ;
function changeBackUrl(url,param){	//url表示链接地址
 if(typeof(param)=='object'){ 
param=JSON.stringify(param).replace(/\{|\}|\"|\'/g,'').replace(',','&').replace(/:/g,'='); 
}else{ 
try{ param=param.toString().replace(',','&').replace(/:/g,'=').replace(/\"|\'/g,''); }catch(e){''} 
} 
var path=+url+".html?"+param; history.replaceState(null, null, path); 
}

lyh_951128

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
使用history.replaceState 控制微信返回

history.replaceState是将指定的URL替换当前的URL注意：用于替换掉的URL必须是同域的示例:先保存三个页面goto1.html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;goto1&lt;/
复制链接

扫一扫

专栏目录