zoukankan      html  css  js  c++  java
  • javascript中的cookie和session设置

    //cookie设置

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>

    function getCookie(c_name) {
    if (document.cookie.length > 0) {
    c_start = document.cookie.indexOf(c_name + "=");
    if (c_start != -1) {
    c_start = c_start + c_name.length + 1;
    c_end = document.cookie.indexOf(";", c_start);
    if (c_end == -1) c_end = document.cookie.length;
    return unescape(document.cookie.substring(c_start, c_end));
    }
    }
    return "";
    }

    function setCookie(c_name, value, expiredays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + expiredays);
    document.cookie = c_name + "=" + escape(value) +
    ((expiredays == null) ? "" : "; expires=" + exdate.toGMTString())
    }

    function checkCookie() {
    username = getCookie('username');
    if (username != null && username != "") {
    alert('Welcome again ' + username + '!')
    }
    else {
    username = prompt('Please enter your name:', "");
    if (username != null && username != "") {
    setCookie('username', username, 30)
    }
    }
    }
    </script>
    </head>
    <body onload="checkCookie()">
    <script>
    //创建和存储cookie
    alert((new Date()).toGMTString());
    //cookie是存储于访问者的计算机中的变量,每当同一台计算机通过浏览器请求页面时,就会发送这个cookie
    </script>
    </body>
    </html>

    //session设置
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>本地存储sessionStorsge</title>
    </head>
    <body>
    <input type="text" id="msg">
    <input type="button" id="setData" value="保存数据">
    <input type="button" id="getData" value="获取数据">
    <input type="button" id="removeData" value="清除数据">
    <input type="button" id="clearData" value="全部清空">
    <script>
    window.onload= function () {
    alert("当你关闭此页面或者关闭浏览器的时候,sessionStorage中保存的数据才会消失,也就是说重新打开此页面的时候,点击获取数据 ,将不会显示任何数据,刷新页面无效。 由此可以证明,sessionStorage的生命周期为,某个用户浏览网站时,从进入到离开的这段时间。");
    var msg=document.getElementById('msg');
    var setData=document.getElementById('setData');
    var getData=document.getElementById('getData');
    var removeData=document.getElementById('removeData');
    var clearData=document.getElementById('clearData');
    setData.onclick= function () {//存入数据
    if(msg.value){
    sessionStorage.setItem('data',msg.value);
    alert('信息已保存中data字段中');
    }else {
    alert('信息不能为空')
    }
    };
    getData.onclick= function () {//获取数据
    var msg = sessionStorage.getItem('data');
    if(msg){
    alert('data字段中的值为'+msg);
    }
    else {
    alert('data字段无值');
    }
    };
    removeData.onclick= function () {
    var msg = sessionStorage.getItem('data');
    if(msg){
    sessionStorage.removeItem('data');
    }else {
    alert('data字段中的数值为空')
    }
    };
    clearData.onclick=function(){
    sessionStorage.clear();
    }
    };
    //页面自动刷新
    // function myrefresh(){
    // window.location.reload();
    // alert('1')
    // }
    // setTimeout(myrefresh,1000)
    </script>
    </body>
    </html>
     
  • 相关阅读:
    渲染管线中的顶点变换
    导入图片时设置默认格式
    查找丢失组件的预制体
    移动到目标点的方法
    关于material和sharedMaterial的问题
    代码创建动画状态机
    设计模式学习笔记--访问者模式
    .net core 基于Dapper 的分库分表开源框架(core-data)
    .Net 微服务架构技术栈的那些事
    Asp.Net Core 中IdentityServer4 实战之角色授权详解
  • 原文地址:https://www.cnblogs.com/johnny-cli/p/7640715.html
Copyright © 2011-2022 走看看