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

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

登录过程

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

bVum8A

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

bVunba

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

bVunfk

起始页面设计--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; //从地址栏获取返回地址,实现跳转

}

}

  • 3
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值