js实现简单登录功能的实例代码
js实现简单登录功能的实例代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:Login.htmlfunctioncheckuser(){if($('uname'=="lala")&&$('pwd')...

复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Login.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="this is my page">

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<>

<script type="text/javascript">

function checkuser() {

if($('uname' == "lala") && $('pwd') == "123") {

return true;

}else {

return false;

}

}

function $(id) {

return document.getElementById(id).value;

}

</script>

</head>

<body>

<form action="ok.html">

u:<input type="text" id="uname"/><br>

p:<input type="password" id="pwd"/><br>

<input type="submit" value="登录"/>

</form>

</body>

</html>

这是登录页面,只有当用户名为lala,密码为123时登录成功。在onclick事件处使用return,是在用户名和密码输入不符时,阻止页面跳转。登录成功页面中,含有等待秒数,代码为:

复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>ok.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="this is my page">

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<>

<script type="text/javascript">

function tiao() {

clearInterval(mytime);

window.open("manage.html","_self");

}

setTimeout("tiao()",5000);

function changeSec() {

//得到myspan值

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

}

function $(id) {

return document.getElementById(id);

}

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

</script>

</head>

<body>

登录成功,<span id="myspan">5</span>秒后自动跳转到管理页面

</body>

</html>

关键在几个函数的使用,setTimeout("tiao()",5000);函数是打开页面,等待5秒,调用tiao()函数。setInterval("changeSec()",1000);函数是每隔1秒调用一次changeSec()函数。这样就完成了简单的登录功能。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类