200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > html登陆成功自动跳转 点击登录 登陆成功 自动跳转到起始页面 这要怎么做?...

html登陆成功自动跳转 点击登录 登陆成功 自动跳转到起始页面 这要怎么做?...

时间:2022-10-19 20:24:58

相关推荐

html登陆成功自动跳转 点击登录 登陆成功 自动跳转到起始页面 这要怎么做?...

先介绍下登录过程,然后介绍代码如何做。

登录过程

下面这个页面是起始页面,因为我已经测试过了,所以这里会显示我的用户名

点击按钮跳转到登录页面,输入用户名,密码,然后点击登录(注意这里我们的用户名是:segment)

页面会跳转到起始页面,并且会显示我们刚才的用户名

起始页面设计--goTo-demo.html

主要代码如下:

登录返回后下面显示你的登录用户名

点击跳转登录

当前用户名是:

var username = document.getElementById("username");

window.onload = function(){

if(localStorage.username.length>1){

username.innerHTML = localStorage.username; //给标签加用户名

}

}

function login(){

// 构造返回链接

var returnUrl = "returnUrl=goTo-demo.html";

var Url = "goToLogin-demo.html" + "?" + returnUrl;

location.href = Url;

}

登录页面设计--goToLogin-demo.html

主要代码如下:

页面登录

用户名:

密 码:

登录

function login(){

var username = document.getElementById('username').value;

var password = document.getElementById('password').value;

// 用户名和密码都不为空

if(username&&password){

localStorage.username = username;

var url = location.search.split("=")[1];

location.href = url; //从地址栏获取返回地址,实现跳转

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。