JEE_JavaScript2

==========================

Cookie：

创建读取cookie

<html>
    <head>
        <title>创建cookie</title>
        <script language="javascript" type="text/javascript">
            <!--
            function setCookie()
            {
                //设置第1个cookie，即名为cookieName的cookie
                document.cookie = "cookieName = " + document.myForm.myName.value;
                //设置第2个cookie，即名为cookiePassword的cookie
                document.cookie = "cookiePassword = " + document.myForm.myPassword.value;
                //读取cookie文件中的内容
                alert("当前cookie中的内容为：\n" + document.cookie);
            }
            -->
        </script>
    </head>
    <body>
        <form name="myForm">
            姓名：<input type="text" name="myName"><br>
            密码：<input type="password" name="myPassword"><br>
            <input type="button" value="确定" onClick="setCookie()">
        </form>
    </body>
</html>

获取cookie的值

<html>
    <head>
        <title>获取cookie的值</title>
        <script language="javascript" type="text/javascript">
            <!--
            //设置cookie
            function setCookie()
            {
                //设置第1个cookie，即名为cookieName的cookie
                document.cookie = "cookieName = " + document.myForm.myName.value;
                //设置第2个cookie，即名为cookiePassword的cookie
                document.cookie = "cookiePassword = " + document.myForm.myPassword.value;
                alert("cookie文件中的内容为：" + document.cookie + "\n" + "cookieName的值为：" + getCookieValue("cookieName") + "\ncookiePassword的值为：" + getCookieValue("cookiePassword"));
            }
            
            //返回cookie的值
            function getCookieValue(cookieName)
            {
                //读取整个cookie文件中的内容
                var cookies = document.cookie;
                //查找cookie名在字符串的开始位置
                var cookieIndex = cookies.indexOf(cookieName+"=");
                //如果在cookie文件中查找到cookie名，则进一步查找它的值
                if (cookieIndex!=-1)
                {
                    //cookie值的开始位置：cookie名的开始位置加上1（等于号占1位）
                    var cookieValueStart = cookieIndex + cookieName.length + 1;
                    //cookie值的结束位置：分号所在位置，从cookie值开始位置开始查找
                    var cookieValueEnd = cookies.indexOf(";",cookieValueStart);
                    //如果从cookie值开始位置到最后也没有查找到分号的位置，那该cookie值的结束位置是字符串的最后
                    if (cookieValueEnd == -1)
                    {
                        cookieValueEnd = cookies.length;
                    }
                    //获得cookie值
                    var cookieValue = cookies.substring(cookieValueStart,cookieValueEnd);
                    //返回cookie值
                    return cookieValue;
                }
            }
            -->
        </script>
    </head>
    <body>
        <form name="myForm">
            姓名：<input type="text" name="myName"><br>
            密码：<input type="password" name="myPassword"><br>
            <input type="button" value="确定" onClick="setCookie()">
        </form>
    </body>
</html>

编码

<html>
    <head>
        <title>cookie的编码</title>
        <script language="javascript" type="text/javascript">
            <!--
            function setCookie()
            {
                //设置第1个cookie，即名为cookieName的cookie
                document.cookie = "cookieName = " + escape(document.myForm.myName.value);
                //设置第2个cookie，即名为cookiePassword的cookie
                document.cookie = "cookiePassword = " + escape(document.myForm.myPassword.value);
                //读取cookie
                alert("当前cookie中的内容为：\n" + document.cookie + "\n解码后的cookie内容为：\n" +  unescape(document.cookie));
            }
            -->
        </script>
    </head>
    <body>
        <form name="myForm">
            姓名：<input type="text" name="myName"><br>
            密码：<input type="password" name="myPassword"><br>
            <input type="button" value="确定" onClick="setCookie()">
        </form>
    </body>
</html>

生存期

<html>
    <head>
        <title>cookie的生存期</title>
        <script language="javascript" type="text/javascript">
        <!--
            if(document.cookie=="")
            {
                document.write("当前没有cookie");
            }
            else
            {
                document.write("cookie文件中的内容为：<br>");
                document.write(document.cookie,"<br>");
                document.write("cookieName的值为：",getCookieValue("cookieName"),"<br>");
                document.write("cookiePassword的值为：", getCookieValue("cookiePassword"),"<br>");
            }
            
            function setCookie()
            {
                var cookie1 = "cookieName = " + escape(document.myForm.myName.value);
                var cookie2 = "cookiePassword = " + escape(document.myForm.myPassword.value);
                if (myForm.cookieDate.value!="0")
                {
                    //获取当前日期
                    var now = new Date();
                    //在当前日期上加上Cookie的存活时间
                    now.setDate(now.getDate() + parseInt(myForm.cookieDate.value));
                    cookie1 = cookie1+";expires=" + now.toGMTString();
                    cookie2 = cookie2+";expires=" + now.toGMTString();
                }
                document.cookie = cookie1;
                document.cookie = cookie2;
                alert("cookie设置完毕");
            }
            
            function getCookieValue(cookieName)
            {
                var cookies = unescape(document.cookie);
                var cookieIndex = cookies.indexOf(cookieName+"=");
                if (cookieIndex!=-1)
                {
                    var cookieValueStart = cookieIndex + cookieName.length + 1;
                    var cookieValueEnd = cookies.indexOf(";",cookieValueStart);
                    if (cookieValueEnd == -1)
                    {
                        cookieValueEnd = cookies.length;
                    }
                    var cookieValue = cookies.substring(cookieValueStart,cookieValueEnd);
                    return cookieValue;
                }
            }
        -->
        </script>
    </head>
    <body>
        <form name="myForm">
            姓名：<input type="text" name="myName"><br>
            密码：<input type="password" name="myPassword"><br>
            选择cookie的保留时间：
            <select name="cookieDate">
                <option value="1">1天</option>
                <option value="30">30天</option>
                <option value="365">365天</option>
                <option value="0" selected>不保留</option>
            </select><br>
            <input type="button" value="确定" onClick="setCookie()">
        </form>
    </body>
</html>

路径

<html>
    <head>
        <title>设置cookie的路径</title>
        <script language="javascript" type="text/javascript">
            <!--
                //获取当前日期
                var now = new Date();
                //cookie的保留时间为1天
                now.setDate(now.getDate() + 1);
                //设置cookie
                var cookies = "userName = " + escape("刘智勇") + ";expires=" + now.toGMTString();
                document.cookie = cookies;                
                //输出cookie内容
                document.write("cookie文件中的内容为：<br>",unescape(document.cookie));
            -->
        </script>
    </head>
    <body>
    </body>
</html>


//sample05_read.htm
<html>
    <head>
        <title>设置cookie的路径</title>
        <script language="javascript" type="text/javascript">
            <!--            
                //输出cookie内容
                document.write("cookie文件中的内容为：<br>",unescape(document.cookie));
            -->
        </script>
    </head>
    <body>
    </body>
</html>

View Code

<html>
    <head>
        <title>设置cookie的路径</title>
        <script language="javascript" type="text/javascript">
            <!--
                //获取当前日期
                var now = new Date();
                //cookie的保留时间为1天
                now.setDate(now.getDate() + 1);
                //设置cookie
                var cookies = "userName = " + escape("刘智勇") + ";expires=" + now.toGMTString() + ";path=/";
                document.cookie = cookies;                
                //输出cookie内容
                document.write("cookie文件中的内容为：<br>",unescape(document.cookie));
            -->
        </script>
    </head>
    <body>
    </body>
</html>

domain

<html>
    <head>
        <title>设置cookie的domain</title>
        <script language="javascript" type="text/javascript">
            <!--
                //获取当前日期
                var now = new Date();
                //cookie的保留时间为1天
                now.setDate(now.getDate() + 1);
                //设置cookie
                var cookies = "userName = " + escape("刘智勇") + ";expires=" + now.toGMTString() + ";path=/;domain=.aspxfans.com";
                document.cookie = cookies;                
                //输出cookie内容
                document.write("cookie文件中的内容为：<br>",unescape(document.cookie));
            -->
        </script>
    </head>
    <body>
    </body>
</html>

secure

<html>
    <head>
        <title>设置cookie的secure</title>
        <script language="javascript" type="text/javascript">
            <!--
                //获取当前日期
                var now = new Date();
                //cookie的保留时间为1天
                now.setDate(now.getDate() + 1);
                //设置cookie
                var cookies = "userName = " + escape("刘智勇") + ";expires=" + now.toGMTString() + ";secure";
                document.cookie = cookies;                
                //输出cookie内容
                document.write("cookie文件中的内容为：<br>",unescape(document.cookie));
            -->
        </script>
    </head>
    <body>
    </body>
</html>

posted @ 2012-08-14 18:19 汤姆是一只猫阅读(178) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

JEE_JavaScript2

公告