<html>
<head>
<script type="text/javascript">
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}
function setSubmit()
{
var userName = document.getElementById("userName").value;
setCookie('username',userName,365)
document.getElementById("info").innerText="成功设置了cookie，请刷新或重启浏览器";
}
function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}
function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
{
document.getElementById("userName").value=username;
document.getElementById("password").focus();
document.getElementById("info").innerText="发现cookie,你可以修改和删除cookie了";
}
else
{
document.getElementById("info").innerText="没有发现cookie,请输入用户名点提交";
document.getElementById("userName").focus();
}
}
function deleteCookie()
{
document.getElementById("info").innerText="cookie被删除了";
var name="username";
var date=new Date();
date.setTime(date.getTime()-10000);
document.cookie=name+"=v; expire="+date.toGMTString();
}
</script>
</head>
<body onLoad="checkCookie()">
<form name="myform" action="hml.jsp" method="get" >
用户名：<input type="text" id="userName"><br></br>
密码：<input type="password" id="password"><br></br>
<input type="button" id="button" value="提交" onclick="setSubmit()"/>
<input type="button" id="button2" value="删除" onclick="deleteCookie()"/>
<div id="info"></div>
</form>
</body>
</html>
分享到：
相关推荐
本实例聚焦于jQuery与Cookie的交互，包括如何设置、删除和查看Cookie，以及如何设定其有效期。下面我们将深入探讨这些知识点。 首先，让我们了解什么是jQuery Cookie。jQuery本身并不直接支持Cookie操作，但有一些...
而关于“jquerycookie实例”，我们主要讨论的是如何利用jQuery扩展来处理浏览器中的Cookie。Cookie是Web开发中用于存储客户端小量数据的一种机制，它们在用户浏览网页时起到跟踪用户行为、保存登录状态等作用。 ...
### JavaScript针对Cookie的基本操作实例详解 #### 概述 在Web开发中，Cookie是一种非常重要的技术，用于在客户端存储小量的数据。通过Cookie，开发者可以在用户浏览器上保存一些信息，如用户偏好设置或登录状态等...
在这个名为"jsp源码实例.rar_cookie_javascript cookie_jsp 实例_jsp 搜索_jsp 表单"的压缩包中，包含了五个关于JSP的源码实例，这些实例涵盖了从基本的输出操作到更复杂的cookie管理和搜索引擎功能。以下是这些实例...
### JavaScript中Cookie对象用法实例分析 #### 一、引言 在Web开发中，Cookie是一种常用的技术，用于客户端保存用户信息，以便于网站能够识别并记住用户的状态。本篇文章将深入探讨JavaScript中Cookie对象的基本...
JavaScript操作Cookie的方法通常包括： 1. 设置Cookie：`document.cookie = "name=value; expires=date; path=path; domain=domain; secure";` 2. 读取Cookie：通过`document.cookie`字符串分割获取特定名称的Cookie...
8. **Cookie脚本篇**：Cookie是浏览器端存储数据的一种方式，JavaScript可以用来设置、读取和删除Cookie，常用于用户偏好设置、会话管理等场景。 9. **警报对话框篇**：JavaScript的alert、prompt和confirm函数能弹...
JavaScript还提供了强大的BOM（浏览器对象模型）和Cookie管理功能，允许开发者操作浏览器窗口、导航、历史记录，以及存储用户信息。实例可能包含如弹窗、页面跳转、时间戳处理、Cookie读写等实践。 最后，ES6及后续...
JavaScript作为浏览器端的主要编程语言，能够对Cookie进行操作，包括设置、读取和删除等。 ### JavaScript操作Cookie类知识点详解 #### 一、JavaScript操作Cookie类的实例用法 1. **设置Cookie** 在JavaScript...
全书共分10篇，主要包括JavaScript的时间日期类、文本、鼠标、图片、页面等特效、页面技巧与页面游戏、导航菜单、Cookie和JavaScript的综合技巧等方面，涉及了JavaScript的网络应用的绝大部分内容。针对每个实例给出...
在这个"cookie实例"中，我们将深入探讨Cookie的工作原理、创建与管理Cookie的方法以及它们在实际应用中的重要性。 1. **Cookie的工作原理** Cookie由服务器在响应HTTP请求时发送到客户端（通常是Web浏览器），然后...
本文主要介绍JavaScript中如何操作Cookie，包括Cookie的基本概念、如何读写Cookie以及Cookie的属性和操作实例。 首先，了解Cookie的基本概念。Cookie文件通常保存在客户端硬盘的Cookies文件夹中，每个Cookie数据由...
总结，JavaScript操作Cookie主要包括获取、设置和删除三个基本操作。通过这些操作，我们可以方便地在客户端存储和读取数据，以实现一些基本的功能，比如用户会话管理、个性化设置等。在实际应用中，还可以考虑使用更...
全书共分1O篇，主要包括JavaScript的时间日期类、文本、鼠标、图片、页面等特效、页面技巧与页面游戏、导航菜单、Cookie和JavaScript的综合技巧等方面，涉及了JavaScript的网络应用的绝大部分内容。针对每个实例给出...
4. JavaScript操作的限制：出于安全考虑，某些浏览器会对JavaScript操作cookie做限制，例如不允许JavaScript设置HTTP Only属性的cookie，这种cookie不能被JavaScript读取。所以在进行跨域操作或者需要高安全性的场景...
本实例将重点介绍如何使用jQuery的一个插件——JQcookie，来方便地进行Cookie的读取和设置。 JQcookie是一个轻量级的jQuery插件，它提供了与jQuery语法一致的方法来操作Cookie，解决了不同浏览器之间的兼容性问题。...
本文详细介绍了如何使用JavaScript操作Cookie的基本方法，包括设置、获取以及删除Cookie的具体实现。通过这些基本操作，开发者可以更好地管理客户端的状态信息，实现更丰富的Web应用功能。需要注意的是，在实际开发...
JavaScript Cookie 是一种在客户端存储少量数据的技术，常用于实现用户会话管理、个性化设置等功能。在Web开发中，Cookie起着关键的角色，因为它们能在浏览器和服务器之间传递信息。以下是关于JavaScript Cookie的...