要保存当前路径，可以使用浏览器的 cookies 功能。cookies 可以将一些数据保存在用户端，当用户再次访问网站时，网站可以获取 cookies 中保存的数据。因此，我们可以将当前路径存储在 cookies 中，以便用户下次访问时可以直接跳转到上次访问的路径。
下面是实现此功能的步骤：
1. 引入 js-cookie 库
我们可以使用 js-cookie 库来方便地读写 cookies。首先需要在页面中引入该库：
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.0/dist/js.cookie.min.js"></script>
2. 将当前路径存储在 cookies 中
我们需要在用户访问页面时将当前路径存储在 cookies 中。可以在页面加载时执行以下代码将当前路径保存在 cookies 中：
Cookies.set('path', window.location.pathname);
这会将当前路径保存在名为 path 的 cookies 中。我们可以在其他页面中读取 path cookies 的值，以重定向到用户上一次访问的页面。
3. 读取 cookies 中的路径
在需要跳转到上一次访问的页面时，我们可以读取 cookies 中的 path 值，并使用 window.location.href 方法跳转到该页面：
var path = Cookies.get('path');
if (path) {
window.location.href = path;
}
这会让用户跳转到上次访问的页面。
下面是一个完整的示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS保存当前路径</title>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.0/dist/js.cookie.min.js"></script>
<script>
window.onload = function () {
Cookies.set('path', window.location.pathname);
};
function goBack() {
var path = Cookies.get('path');
if (path) {
window.location.href = path;
}
}
</script>
</head>
<body>
<h1>当前页面</h1>
<button onclick="goBack()">返回上一次访问的页面</button>
</body>
</html>
在上面的示例中，当用户访问页面时，我们将当前路径保存在 cookies 中。当用户单击按钮时，我们读取 cookies 中的路径并将用户重定向到上一次访问的页面。
另一个示例可以是在登录页面将用户输入的用户名保存在 cookies 中，以便在下次访问时自动填充用户名。代码如下：
Cookies.set('username', 'testuser');
var username = Cookies.get('username');
if (username) {
document.getElementById('username-input').value = username;
}
这会在用户登录时保存用户名，并在下一次访问时自动将用户名填充到输入框中。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：js保存当前路径(cookies记录) - Python技术站
微信扫一扫 
支付宝扫一扫 