如何用JS实现退出登录?

简介: 如何用JS实现退出登录?

在网页开发中最常见的就是登录账号和退出账号,


当我们登录账号时,


如果要切换账号,是不是要先退出当前账号才可以登录其他的账号?那么如何用JS去实现退出登录呢?


在用户登录该账号成功后,我们需要把用户名或者是当前的账户ID以及其他的用户信息存一下!


当用户退出登录时,我们存起来的数据要全部清除,清除后要跳转到登录页重新登陆!


注意:这里是清除后跳转页面!退出登录不是直接跳转到登录页面,是必须要把用户存储的信息删除过后。避免还能回到页面。


//这是一个点击事件
function tui() {
  // 清除临时存储的信息
  console.log("退出登录");
  sessionStorage.clear();
  // 跳转到登录页
  location.href = "index.html";
}


这是我在写项目时 使用sessionStorage.clear()的方法将临时存储的信息全部清除,清除过后跳转到登录页面。

目录
相关文章
|
6月前
|
JavaScript
如何使用JS控制指定页面大小开启全屏和退出全屏
如何使用JS控制指定页面大小开启全屏和退出全屏
55 0
|
9天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
20 3
|
1月前
|
JavaScript
Node.js单点登录SSO详解:Session、JWT、CORS让登录更简单(二)
Node.js单点登录SSO详解:Session、JWT、CORS让登录更简单(一)
30 0
|
1月前
|
存储 JSON JavaScript
Node.js单点登录SSO详解:Session、JWT、CORS让登录更简单(一)
Node.js单点登录SSO详解:Session、JWT、CORS让登录更简单(一)
84 0
|
3月前
|
资源调度 JavaScript API
nest.js + sms 实现短信验证码登录
本文介绍了在Nest.js框架中集成短信验证码登录的实现方案,详细阐述了使用阿里云短信服务的配置流程、资质申请、短信模板设置,并提供了API调用示例和工程代码的运行步骤。
nest.js + sms 实现短信验证码登录
|
2月前
|
JavaScript 前端开发
js登录注册简单tab切换页面(含前台表单验证)
文章介绍了如何使用HTML、CSS和JavaScript创建一个简单的登录注册页面,并实现Tab切换效果。包括了表单验证,点击登录或注册按钮时,可以切换显示相应的表单。同时提供了完整的前端代码和实现效果图。
|
3月前
|
JavaScript 前端开发
Next js:点击登录显示登录表单,点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例,包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
|
5月前
|
JavaScript
JS实现全屏和退出全屏
JS实现全屏和退出全屏
|
5月前
|
JavaScript
|
4月前
|
前端开发 JavaScript
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
596 0