,,

JavaScript操作Cookie

admin

2010年9月2日 13:59 本文熱度 4461

Cookie是保存在瀏覽器端的，因此瀏覽器具有操作Cookie的先決條件。瀏覽器可以使用腳本程序如JavaScript或者VBScript等操作Cookie。這里以JavaScript為例介紹常用的Cookie操作。例如下面的代碼會輸出本頁面所有的Cookie。

<script>document.write(document.cookie);</script>

各Cookie之間用分號";"隔開，例如："cookie1=A;cookie2=B"。JavaScript中并沒有專門處理Cookie的API，如果想單獨獲取某個Cookie值，只能手工寫代碼解析字符串。例如下面代碼中的setCookie()與getCookie()方法。

代碼5.7 javascript.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function getCookie(name){ // 返回名為name的Cookie
var str = document.cookie; // 獲取Cookie字符串
if(!str || str.indexOf(name + "=") < 0) // 尋找name=
return;
var cookies = str.split("; "); // 用;將所有的Cookie分隔開
for(var i=0; i<cookies.length; i++){ // 遍歷每個Cookie
var cookie = cookies[i]; // 當前Cookie
if(cookie.indexOf(name + "=") == 0){ // 如果名字為name
var value = cookie.substring(name.length + 1);
// 獲取value
return decodeURI(value); // 將value解碼，并返回
}
}
}
function setCookie(name, value){ // 設置Cookie
document.cookie = name + "=" + encodeURI(value);
// 直接設置即可
}
</script>
</head>
<body>
<div align="center" style="margin:10px; ">
<fieldset>
<legend>當前有效的 Cookie</legend>
<div id="cookieDiv"></div>
<script type="text/javascript">
cookieDiv.innerHTML = document.cookie;
</script>
</fieldset>
<fieldset>
<legend>歡迎您</legend>
<table>
<tr>
<td>讀取 Cookie： </td>
<td><input name="name1" /> <input class="button"

type="button" value="讀取" onclick="alert
(getCookie(name1.value)); "></td>
</tr>
<tr>
<td>設置 Cookie： </td>
<td></td>
</tr>
<tr>
<td align="right">Name 屬性： </td>
<td><input name="name2" /></td>
</tr>
<tr>
<td align="right">Value 屬性： </td>
<td><input name="value2" /></td>
</tr>
<tr>
<td> </td>
<td><input type="button" value="設置" onclick=
"setCookie(name2.value, value2.value); cookieDiv.
innerHTML = document.cookie; " class="button"></td>
</tr>
</table>
</fieldset>
</div>
</body>
</html>

代碼使用純JavaScript代碼實現(xiàn)了讀寫Cookie。運行效果如圖5.6所示。

上面的setCookie()是個簡化了的方法，只能設置name與value屬性。如果要設置所有的Cookie屬性，可以使用下面的完全版本。

function setCookie(name, value){ // 設置Cookie
var expires = (arguments.length > 2) ? arguments[2] : null;
// 判斷expires屬性
var path = (arguments.length > 3) ? arguments[3] : null;
// 判斷path屬性
var domain = (arguments.length > 4) ? arguments[4] : null;
// 判斷domain屬性
var secure = (arguments.length > 5) ? arguments[5] : false;
// 判斷secure屬性
document.cookie = name + "=" + encodeURI(value) + // 設置Cookie屬性
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}

由于JavaScript能夠任意地讀寫Cookie，有些好事者便想使用JavaScript程序去窺探用戶在其他網站的Cookie。不過這是徒勞的，W3C組織早就意識到JavaScript對Cookie的讀寫所帶來的安全隱患并加以防備了，W3C標準的瀏覽器會阻止JavaScript讀寫任何不屬于自己網站的Cookie。換句話說，A網站的JavaScript程序讀寫B(tài)網站的Cookie不會有任何結果。

該文章在 2010/9/2 13:59:24 編輯過

關鍵字查詢

正在查詢...

點晴ERP是一款針對中小制造業(yè)的專業(yè)生產管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內大量中小企業(yè)的青睞。

點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業(yè)務管理，結合碼頭的業(yè)務特點，圍繞調度、堆場作業(yè)而開發(fā)的。集技術的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點晴WMS倉儲管理系統(tǒng)提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統(tǒng),標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。

公交车上荫蒂添的好舒服的电影-公用玩物(np双xing总受)-公用小荡货芊芊-公与妇仑乱hd-攻把受做哭边走边肉楼梯play-古装一级淫片a免费播放口

JavaScript操作Cookie