Cookie学习，保存用户名

最新推荐文章于 2023-02-01 16:35:00 发布

似懂放得下

最新推荐文章于 2023-02-01 16:35:00 发布

阅读量388

点赞数

本文链接：https://blog.csdn.net/zuomarsnishang/article/details/54318451

版权

<!DOCTYPE html>
<html>
  <head>
    <title>MyHtml.html</title>

    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript">
    /*设置cookie*/
    function setCookie(name, value, iDay)
    {
      var oDate=new Date();
      oDate.setDate(oDate.getDate()+iDay);
      document.cookie=name+'='+value+';expires='+oDate;
    };
    /*使用方法：setCookie('user', 'simon', 11);*/
    /*获取cookie*/
    function getCookie(name)
    {
      var arr=document.cookie.split('; '); //多个cookie值是以; 分隔的，用split把cookie分割开并赋值给数组
      for(var i=0;i<arr[i].length;i++) //历遍数组
      {
        var arr2=arr[i].split('='); //原来割好的数组是：user=simon，再用split('=')分割成：user simon 这样可以通过arr2[0] arr2[1]来分别获取user和simon 
        if(arr2[0]==name) //如果数组的属性名等于传进来的name
        {
          return arr2[1]; //就返回属性名对应的值
        }
        return ''; //没找到就返回空
      }
    };
    /*使用方法：getCookie('user')*/
    /*删除cookie*/
    function removeCookie(name) {
    setCookie(name, 1, -1); //-1就是告诉系统已经过期，系统就会立刻去删除cookie
    };
    /*使用方法：removeCookie('user')*/

    window.onload = function(){
        var oLogin = document.getElementsByTagName("input")[0];
        var oBtn = document.getElementById("btn1");
        oBtn.onclick = function (){
            //setCookie("王凯", "123456", 2); 
            //removeCookie("王凯3");
            //alert(document.cookie);
            alert(oLogin.value)
            setCookie("user", oLogin.value, 14);
        };
        //alert(getCookie("user"));
        oLogin.value = getCookie("user");
    };
    </script>
  </head>

  <body>
  <form action="http://www.baidu.com">
    <input type="text" value="" name="user">
    <input type="password" value="" name="psd">
    <input type="submit" id="btn1" value="提交">
  </form>
  </body>
</html>

似懂放得下

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Cookie学习，保存用户名

<!DOCTYPE html><html> <head> <title>MyHtml.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content="this is my page"> <meta name="con
复制链接

扫一扫