把用户名和密码保存在cookie中

最新推荐文章于 2026-02-07 01:26:04 发布

转载最新推荐文章于 2026-02-07 01:26:04 发布 · 1.9k 阅读

标签

#button #date #null

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用JavaScript在HTML页面中通过Cookie保存用户名和密码，并在另一个页面中从Cookie中获取这些信息。

<html>
<head>
  <script type="text/javascript">
   function saveCookie(){
    var never = new Date() ;
    //设置Cookie的有效期为10年
    never.setTime(never.getTime()+10*365*24*60*60*1000) ;
    var expString = "expires=" + never.toGMTString() + ";" ;
    var username = document.getElementById("username").value ;
    var password = document.getElementById("password").value ;
    document.cookie = "username="+username+"; "+expString ;
    document.cookie = "password="+password+"; "+expString ;
   }

  </script>
</head>
<body>
  <input type="text" id="username" name="username" value="username1" /></br>
  <input type="password" id="password" name="password" value="password1" /></br>
  <input type="button" value="saveCookie" onclick="saveCookie();" /></br>
  <a href="cookieDemo2.html" >从cookie中获取用户名和密码</a>
</body>
</html>

<script type="text/javascript">
  function getCookie(name){
  var result = null ;
  var myCookie = "" + document.cookie + ";" ;
  var searchName = "" + name + "=" ;
  var startOfCookie = myCookie.indexOf(searchName) ;
  var endOfCookie ;
  if(startOfCookie != -1){
   startOfCookie += searchName.length ;
   endOfCookie = myCookie.indexOf(";",startOfCookie) ;
   result = unescape(myCookie.substring(startOfCookie,endOfCookie)) ;
  }
  return result ;
}
document.write(document.cookie + "</br>") ;
document.write("username is "+getCookie("username")+"</br>") ;
document.write("password is "+getCookie("password")+"</br>") ;
</script>