html实现欢迎界面自动跳转,前端做一个简单的登录验证实现页面跳转

1、登录页面代码

登录页面

用户名:

密码:

function getValue(id) {

return document.getElementById(id).value;

}

function checkuser() {

if(getValue('uname') == "magicliu" && getValue('pwd') == "123") {

return true;

}else {

alert("登录名或密码错误！")

return false;

}

}

form的action url

--为绝对路径时，指向其他站点。如：src="www.example.com/example.htm"；

--相对路径时，指向站点内的文件。如：src="example.htm"；

当submit点击事件的函数返回为true时，才会进行跳转

2、等待页面代码

等待页面

登录成功，5秒后自动跳转到管理页面

function getLabel(id) {

return document.getElementById(id);

}

function changeSec() {

//得到myspan值，每秒减一，会进行隐士转换

getLabel('myspan').innerText=getLabel('myspan').innerText-1;

}

var mytime = setInterval("changeSec()",1000);

//五秒后跳转

function tiao() {

clearInterval(mytime);

//window.open("./welcome.html","_self");

window.location.href = "./welcome.html";

}

setTimeout("tiao()",5000);

window.open(url)和window.location.href = url两者的区别

----window.open("index.html")只是在新窗口打开index.html，不刷新index.html，浏览器为了阻止弹窗可能会屏蔽

----window.location.href = "./index.html";为在当前窗口打开，并刷新该页面。

3、简单的欢迎页面代码

登录成功，欢迎来到主页！

这样，就实现了一个简单的登录验证跳转。。