• cookie小应用


    ps:如果没有cookie信息,将显示div,否则不显示。 (请在火狐浏览器下测试)

     还是上代码:

    <!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>cookie应用</title>
    <style>
    #div1 {width:200px; height:200px; background:#CCC; display:none;}
    </style>
    <script>
    /* 如果没有cookie信息,将显示div,否则不显示。 (请在火狐浏览器下测试) */
    //设置cookie
    function setCookie(name, value, iDay){
        var oDate=new Date();
        oDate.setDate(oDate.getDate()+iDay);
    document.cookie=name+'='+value+';expires='+oDate;
    }
    
    //读取cookie
    function getCookie(name)
    {
        var arr=document.cookie.split(';');  //定义一个数组
        var re=new RegExp('\b'+name+'=\w+');  //定义一个正则
        var res=document.cookie.match(re);  //匹配所选字段
        if(res){
            return res[0].split('=')[1]; //如果匹配成功,返回结果
        }
        else
        {
            return ''; //否则返回空
        }
    }
    
    //删除cookie
    function removeCookie(name){setCookie(name, '1', -1) } //利用setCookie函数,将时间设置为-1,达到删除效果(默认没有删除方法)
    
    window.onload=function ()
    {
        var oDiv=document.getElementById('div1');
    
        if(!getCookie('arrial'))
        {
            oDiv.style.display='block';
             setCookie('arrial', '1', 30);      //向cookie中添加'arrial', '1', 30
        }
    };
    </script>
    </head>
    
    <body>
    <div id="div1">没有cookie信息</div>
    </body>
    </html>
  • 相关阅读:

    2018.10.18 常用API部分测试题
    2018.10.18课堂笔记HashMap之前
    JavaScript 的 this 原理
    vue h5转换uni-app
    Vue.js 3.0 新特性预览
    ES6模块与CommonJS的区别
    同源策略和跨域问题
    一口气了解 babel
    媒体查询,移动端常见布局以及其他
  • 原文地址:https://www.cnblogs.com/wysdddh/p/6027213.html
Copyright © 2020-2023  润新知