js實現簡單登錄功能的實例代碼

2024-05-06 15:54:31

字體：大中小

來源：轉載

供稿：網友

js驗證用戶身份，登錄成功之后等待一定秒數，跳轉到操作頁面。使用window函數。代碼如下

復制代碼代碼如下:

<!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"/><br>
      p:<input type="password"/><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>5</span>秒后自動跳轉到管理頁面
</body>
</html>