cookie的读写操作

当前位置 : 首页 > 网页制作 > CSS > cookie的读写操作

cookie的读写操作

来源: 作者: 时间:2016-02-16 10:05
在一个页面中把内容写入cookie中,在另一个页面中获得并显示在页面中(在safari和firefox上可以但在chrome 上不可以,不知道为什么。)第一个页面:点击按钮把表单内容写入cookie,[html

在一个页面中把内容写入cookie中,在另一个页面中获得并显示在页面中(在safari和firefox上可以但在chrome 上不可以,不知道为什么。)
第一个页面:点击按钮把表单内容写入cookie,
[] 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>setCookie</title> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>test2</title> 
<script type="text/javascript"> 
 
        //写cookie 
        function writeCookie(name, value, hours){  
        var expire = "";  
        if(hours != null){  
          expire = new Date((new Date()).getTime() + hours * 3600000);  
          expire = "; expires=" + expire.toGMTString();  
        }  
        document.cookie = name + "=" + escape(value) + expire;  
        }  
         
        //获得cookie 
        function getCookie(Name)  
        {  
            var search = Name + "=" ; 
             
            if(document.cookie.length > 0)  
            {  
               
                offset = document.cookie.indexOf(search)  
                if(offset != -1)  
                {  
                    offset += search.length  
                    end = document.cookie.indexOf(";", offset)  
                    if(end == -1) end = document.cookie.length  
                    return unescape(document.cookie.substring(offset, end))  
                }  
                else return ""; 
            }  
        }  
     //点击如片获得cookie 
    function getName(){ 
            var button=document.getElementById("button"); 
            var inhtml=document.getElementById("inhtml"); 
            button.onclick=function(){ 
                 
                var name=getCookie("username") ; 
                 
                inhtml.innerHTML=name; 
            } 
         
        } 
        //点击提交写入cookie 
    function add(){ 
        var connect=document.getElementById("connect"); 
        alert(connect.value); 
         
        writeCookie("username", connect.value,24); 
        } 
 
</script> 
</head> 
 
<body onload="getName();"> 
 
</body> 
 
 
<form onsubmit="add();"> 
    <input type="text"  id="connect"/> 
    <input type="submit" value="提交" /> 
</form> 
 
<span id="inhtml"></span> 
 
</head> 
 
<body> 
</body> 
</html> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>setCookie</title>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test2</title>
<script type="text/javascript">

  //写cookie
  function writeCookie(name, value, hours){
  var expire = "";
  if(hours != null){
    expire = new Date((new Date()).getTime() + hours * 3600000);
    expire = "; expires=" + expire.toGMTString();
  }
  document.cookie = name + "=" + escape(value) + expire;
  }
  
  //获得cookie
  function getCookie(Name)
  {
   var search = Name + "=" ;
   
   if(document.cookie.length > 0)
   {
    
    offset = document.cookie.indexOf(search)
    if(offset != -1)
    {
     offset += search.length
     end = document.cookie.indexOf(";", offset)
     if(end == -1) end = document.cookie.length
     return unescape(document.cookie.substring(offset, end))
    }
    else return "";
   }
  }
     //点击如片获得cookie
 function getName(){
   var button=document.getElementById("button");
   var inhtml=document.getElementById("inhtml");
   button.onclick=function(){
    
    var name=getCookie("username") ;
    
    inhtml.innerHTML=name;
   }
  
  }
  //点击提交写入cookie
 function add(){
  var connect=document.getElementById("connect");
  alert(connect.value);
  
  writeCookie("username", connect.value,24);
  }

</script>
</head>

<body onload="getName();">

</body>


<form onsubmit="add();">
 <input type="text"  id="connect"/>
    <input type="submit" value="提交" />
</form>

<span id="inhtml"></span>

</head>

<body>
</body>
</html>


第二个页面点击图片获得cookie显示;
[html] 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>cookietest3</title> 
 
 
<script type="text/javascript"> 
 
         
         
        //获得cookie 
        function getCookie(Name)  
        {  
            var search = Name + "=" ; 
             
            if(document.cookie.length > 0)  
            {  
               
                offset = document.cookie.indexOf(search)  
                if(offset != -1)  
                {  
                    offset += search.length  
                    end = document.cookie.indexOf(";", offset)  
                    if(end == -1) end = document.cookie.length  
                    return unescape(document.cookie.substring(offset, end))  
                }  
                else return ""; 
            }  
        }  
     //点击如片获得cookie 
    function getName(){ 
            var button=document.getElementById("button"); 
            var inhtml=document.getElementById("inhtml"); 
            button.onclick=function(){ 
                 
                var name=getCookie("username") ; 
                 
                inhtml.innerHTML=name; 
            } 
         
        } 
     
</script> 
</head> 
 
<body onload="getName();"> 
 
 
<img src="1.jpg" id="button"> 
<span id="inhtml"></span> 
</body> 
</html> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>cookietest3</title>


<script type="text/javascript">

  
  
  //获得cookie
  function getCookie(Name)
  {
   var search = Name + "=" ;
   
   if(document.cookie.length > 0)
   {
    
    offset = document.cookie.indexOf(search)
    if(offset != -1)
    {
     offset += search.length
     end = document.cookie.indexOf(";", offset)
     if(end == -1) end = document.cookie.length
     return unescape(document.cookie.substring(offset, end))
    }
    else return "";
   }
  }
     //点击如片获得cookie
 function getName(){
   var button=document.getElementById("button");
   var inhtml=document.getElementById("inhtml");
   button.onclick=function(){
    
    var name=getCookie("username") ;
    
    inhtml.innerHTML=name;
   }
  
  }
 
</script>
</head>

<body onload="getName();">


<img src="1.jpg" id="button">
<span id="inhtml"></span>
</body>
</html>


 

Tag:
网友评论

<