JQuery写Cookie与读取Cookie(实例)

主要功能 写入Cookie与读取Cookie 

注意引用JQuery顺序  先引用主JQuery再引用JQuery.cookie.js


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script src="js/jquery-1.8.3.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script type="text/javascript">
        $(function () {
            if ($.cookie('uname')) {
                //$.cookie('uname')获得Cookie内容
                $('#p1').text('欢迎:'+$.cookie('uname'));
            } else {
                $('#p1').text('没有记录Cookie');
            }
            
            //把用户名写入Cookie
            $('#btn1').click(function () {
                var user_name = $('#txt1').val();
                //{ expires: 7, path: '/', secure: false }这一部分功能是保存7天
                $.cookie('uname', user_name, { expires: 7, path: '/', secure: false });
            });                        
        });
    </script>
</head>
<body>
    用户名<input id="txt1" /><input type="button" value="记住用户名" id="btn1" />
    <br/>-------------------------------------------<br />
    <p id="p1">欢迎:游客</p>
</body>
</html>


评论