zoukankan      html  css  js  c++  java
  • cookie -- 添加删除

    前段时间学到了cookie,之前的公司用的jquery插件,现在终于学到了原生的js

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="author" content="智能社 - zhinengshe.com" />
    <meta name="copyright" content="智能社 - zhinengshe.com" />
    <title>智能社 - www.zhinengshe.com</title>
    <script>
    //添加
    function addCookie(name,value,iDay){
        if(iDay){
            var oDate = new Date();
            oDate.setDate(oDate.getDate() + iDay);
            document.cookie = name +'='+value+'; path=/;expires='+oDate;
        }else{
            document.cookie = name +'='+value+'; path=/'
        }
    }
    //查找
    function getCookie(name){
        var arr = document.cookie.split(';');
        for(var i=0 ; i<arr.length;i++){
            var arr2 = arr[i].split('=');
            if(arr2[0] == name){
                return arr2[1]
            }
        }
        return ''
    }
    
    
    //删除
    function removeCookie(name){
        addCookie(name,'',-1)
    }
    
    window.onload = function(){
        var oForm = document.getElementsByTagName("form")[0];
        var oUser = document.getElementsByName("user")[0];
        var oPass = document.getElementsByName("pwd")[0];
    
    
        var user = getCookie("user");
        var pwd = getCookie("pwd");
    
        oUser.value = user;
        oPass.value = pwd;
    
        oForm.onsubmit = function(){
    
            if(oUser.value=="" || oPass.value== ""){
    
                return false;
            }
    
            addCookie("user",oUser.value,7);
            addCookie("pwd",oPass.value);
            //removeCookie("user")
        };
    
    };
    
    </script>
    </head>
    
    <body>
    <form action="http://www.zhinengshe.com/">
        用户名:<input name="user" type="text" value="" /><br/>
        密  码:<input name="pwd" type="text" value="" /><br/>
        <input type="submit" />
    </form>
    </body>
    </html>
  • 相关阅读:
    2020916 spring总结
    20200915--事务
    20200915-mybatis基础
    20200911--使用注解开发
    20200910--Spring配置
    20200909--spring基础-IOC
    20200909-待补充
    20200909记我所看到的问题
    20200909-spring基础一
    面向对象
  • 原文地址:https://www.cnblogs.com/heboliufengjie/p/4718078.html
Copyright © 2011-2022 走看看