1. 程式人生 > >WEB前端 -- JavaScript獲取cookie

WEB前端 -- JavaScript獲取cookie

var cookieObj=getCookieObj();
cookieObj.name;
舉例,設定並獲取cookie的值:
<table>
    <tr>
        <td>使用者名稱:</td>
        <td><input id="demo_input1" type="text" /></td>
        <td>密碼:</td>
        <td><input id="demo_input2" type="text" /></td>
    </tr>
    <tr>
        <td colspan="2" align="center"><input id="demo_button1" type="button" value="設定Cookie" /></td>
        <td colspan="2" align="center"><input id="demo_button2" type="button" value="獲取Cookie" /></td>
    </tr>
</table>
<script type="text/javascript">
    document.getElementById("demo_button1").onclick=function(){
        var cookie_username="username="+escape(document.getElementById("demo_input1").value)+";"+
                        "expire="+((new Date()).getTime()+600*1000);
        var cookie_password="password="+escape(document.getElementById("demo_input2").value)+";"+
                        "expire="+((new Date()).getTime()+600*1000);
        document.cookie=cookie_username;
        document.cookie=cookie_password;
    }
    document.getElementById("demo_button2").onclick=function(){
        var cookieObj=getCookieObj();
        alert(
            "使用者名稱:"+unescape(cookieObj.username)+"\n"+
            "密碼:"+unescape(cookieObj.password)
        );
    }
</script>
例項演示:
使用者名稱:密碼: