一个网站上的cookie信息可以实现下次自动登录，记录你的历史等等

可以在火狐浏览器查看本地代码的cookie信息：

打开火狐浏览器--点击右键--查看页面信息--安全--查看cookie

<!DOCTYPE html>

<html>

<head>

    <title>Cookie</title>

</head>

<script type="text/javascript">

/*    var oDate=new Date();

    oDate.setDate(oDate.getDate()+30);

     document.cookie="user=blue;expires=";

    // document.cookie="pass=123";*/

    //alert(document.cookie);

    function setCookie(name,value,iDay){

        var oDate=new Date();

        oDate.setDate(oDate.getDate()+iDay);

        document.cookie=name+'='+value+';expires='+oDate;

    }

    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){

        setCookie(name,'1',-1);

    }

    alert(getCookie('username'));

    // removeCookie('username');

    // alert(getCookie('username'));

    setCookie('username','abc',30);

     setCookie('password','123456',300);

</script>

<body>

</body>

</html>

 2.利用cookie记录鼠标拖动div的位置坐标

<!DOCTYPE html>

<html>

<head>

    <title>drag Div</title>

    <style type="text/css">

        #div1{width: 100px;height: 100px;background: red;position: absolute;}

    </style>

    <script type="text/javascript">

    function setCookie(name,value,iDay){

        var oDate=new Date();

        oDate.setDate(oDate.getDate()+iDay);

        document.cookie=name+'='+value+';expires='+oDate;

    }

    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){

        setCookie(name,'1',-1);

    }

        window.onload=function(){

            var oDiv=document.getElementById('div1');

            var disX=0;

            var disY=0;

            var x=getCookie('x');

            var y=getCookie('y');

            if(x){

            oDiv.style.left=x+'px';

            oDiv.style.top=y+'px';

        }

            oDiv.onmousedown=function(ev){

                var oEvent=ev||event;

                disX=oEvent.clientX-oDiv.offsetLeft;

                disY=oEvent.clientY-oDiv.offsetTop;

                document.onmousemove=function(ev){

                var oEvent=ev||event;

                var l=oEvent.clientX-disX;

                var t=oEvent.clientY-disY;

                if (l<0)

                 {l=0;}

                else if(l>document.documentElement.clientWidth-oDiv.offsetWidth){

                    l=document.documentElement.clientWidth-oDiv.offsetWidth;

                }

                    if (t<0)

                 {t=0;}

                else if(t>document.documentElement.clientHeight-oDiv.offsetHeight){

                    l=document.documentElement.clientHeight-oDiv.offsetHeight;

                }

                oDiv.style.left=l+'px';

                oDiv.style.top=t+'px';

            };

            document.onmouseup=function(){

                document.onmousemove=null;

                document.onmouseup=null;

                setCookie('x',oDiv.offsetLeft,5);

                setCookie('y',oDiv.offsetTop,5);

            }

        };

        return false;

    };

    </script>

</head>

<body>

    <div id="div1"></div>

</body>

</html>

 3.利用cookie记住用户名

<!DOCTYPE html>

<html>

<head>

    <title>Remember Username</title>

    <script type="text/javascript">

    function setCookie(name,value,iDay){

        var oDate=new Date();

        oDate.setDate(oDate.getDate()+iDay);

        document.cookie=name+'='+value+';expires='+oDate;

    }

    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){

        setCookie(name,'1',-1);

    }

    window.onload=function(){

            var oForm=document.getElementById('form1');

            var oUser=document.getElementsByTagName('user')[0];

            var oBtnClear=document.getElementsByTagName('a')[0];

            oForm.onsubmit=function(){

                setCookie('user',oUser.value,30);

            };

            oUser.value=getCookie('user');

            alert(oUser.value);

            oBtnClear.onclick=function(){

                removeCookie('user');

                oUser.value='';

            }

        }

    </script>

</head>

<body>

    <form id="form1" action="https://www.baidu.com">

        Username:<input type="text" name="user" />

        <br/>

        <br/>

        Password:<input type="password" name="pass"/><br/>

        <input type="submit" value="Login"/><br/>

        <a href="javascript:;">Forgot your username</a>

    </form>

</body>

</html>

JS对Cookie的应用--JavaScript实例集锦（初学）的更多相关文章

  1. JS封装cookie操作函数实例(设置、读取、删除)

    本文实例讲述了JS封装cookie操作函数.分享给大家供大家参考,具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 ...

  2. js获取cookie中存储的值

    最近看了试卷题目发现自己会的十分的匮乏, 第一题就把自己难住了,知道有这个东西,但是实际上没有操作过. ========================================= cookie ...

  3. JS设置cookie

    cookie 与 session 是网页开发中常用的信息存储方式.Cookie是在客户端开辟的一块可存储用户信息的地方:Session是在服务器内存中开辟的一块存储用户信息的地方. JavaScrip ...

  4. JS操作cookie以及本地存储（sessionStorage 和 localStorage ）

    JS操作cookie cookie的操作用两种方式 1.substring //创建cookie function setCookie(name,value,expires,path,domain,s ...

  5. JS使用cookie实现DIV提示框只显示一次的方法

    本文实例讲述了JS使用cookie实现DIV提示框只显示一次的方法.分享给大家供大家参考,具体如下: 这里运用JavaScript的cookie技术,控制网页上的提示DIV只显示一次,也就是当用户是第 ...

  6. 两种方法使用js读写cookie实现一个底部广告浮层效果

    下面一个案例实现了js实现一个页面浮层并且使用两种方法使用js读写cookie:来实现用户关闭广告的显示状态: 读者可以将下面代码复制到一个html文件试试效果:html的pre标签未两种js实现的方 ...

  7. 易懂 易上手的cookie 最简单明了 js中cookie的使用方法及教程

    今天项目中需要用到cookie 看到我的cookie不行了 大喊一声我曹 怎么可以这样 我就疯狂的在网上找 找啊 找 但是我感觉都太官方了   废话不说 看栗子 1.引入jQuery与jQuery.C ...

  8. 通过js对cookie的使用手册

    一般大多数人还是用引用JQuary API——jquery.cookie.js,来操作cookie.这是一种很不错的方式,我也支持这样的做法. 但是有时候我们只需要一种极为轻量级的代码来实现简单的功能 ...

  9. 运用JS设置cookie、读取cookie、删除cookie

    JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的.而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一种 ...

  10. JavaScript实例

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xht ...

随机推荐

  1. Luna likes Love 题解

    Problem Link 简要题意 题目很清楚. 分析 定理 两个人中左边的人一直向右运动,和两人向中间走所用的 步数相同 证明 假设有两组人为 \(a_l , a_r , b_l , b_r (a_ ...

  2. 小师妹学JavaIO之:File文件系统

    目录 简介 文件权限和文件系统 文件的创建 代码中文件的权限 总结 简介 小师妹又遇到难题了,这次的问题是有关文件的创建,文件权限和文件系统相关的问题,还好这些问题的答案都在我的脑子里面,一起来看看吧 ...

  3. 寻找OpenHarmony「锦鲤」｜万元豪礼+技术干货全是你的！

    开源项目 OpenHarmony 是每个人的 OpenHarmony 战"码"先锋第二期蓄力出发! 同时,我们也推出了全网寻找开源锦鲤的活动 只为每一位参与OpenHarmony开 ...

  4. MFC程序隐藏托盘+右键关闭菜单

    背景介绍: 我的程序是启动后,默认就隐藏到托盘中,等待http请求后,显示界面.所以最小化到托盘的代码,我是写在初始化里面.     正文: 一.自定义消息 WM_SHOWTASK #define W ...

  5. loguru 简单使用

    使用Python自带的 logging 来记录日志会比较麻烦,查了下 大家都在用 loguru,看了下文档,发现是挺好用的,记录下笔记 安装 pip install loguru     简单使用 f ...

  6. CentOS 8开启防火墙端口关闭防火墙端口端口对外放行

    1:查看firewall防火墙状态 firewall-cmd --state 或者 systemctl status firewalld 2:打开防火墙 systemctl start firewal ...

  7. 行业软件开发商怎样来抢 BI 这块蛋糕？

    随着企业信息化建设的深入,很多机构的生产系统已建设完成,在保证生产的有序进行后,如何更有效地进行经营决策成了管理者面临的最大任务.商业智能(BI)就是在这种背景成为支撑企业经营分析的一大利器. 根据 ...

  8. 重新整理 .net core 实践篇—————Entity的定义[二十五]

    前言 简单介绍一下实体模型的设计. 正文 前文提及了我们的应用分为: 共享层 基础设施层 领域层 应用层 今天来介绍领域模型层. 前文提及到领域模型在共享层有一个领域模型抽象类库. 里面有这些类: 先 ...

  9. 第五章-for循环的练习

    /* * @Issue: 每个苹果0.8元,第一天买两个苹果,从第二天开始,每天买前一天的两倍,直至购买的苹果数量 * 个数达到不超过100的最大值,编写程序求每天平均花多少钱. * @Author: ...

  10. .NET Emit 入门教程：第六部分：IL 指令：9：详解 ILGenerator 指令方法：运算操作指令（指令篇结束）

    前言: 经过前面几篇的学习,我们了解到指令的大概分类,如: 参数加载指令,该加载指令以 Ld 开头,将参数加载到栈中,以便于后续执行操作命令. 参数存储指令,其指令以 St 开头,将栈中的数据,存储到 ...