2015年2月11日 星期三

Web ─ Cookie

何謂cookie


       ○ 用來紀錄瀏覽資訊,當下次再瀏覽時,存取速度比較快
         例如:瀏覽顧的網頁資訊(購物車)、登入資訊(帳號、密碼可以免填,因為cookie已經紀錄下來了)...等
       
       ○ 儲存的資訊放在client端,儲存空間只有4k

       ○ cookie種類:
                    W3C定義的 WebStorage又分兩種→ sessionStorage  & localStorage   

---------------------------------------------------------------------------------------------------------------------------------- //可以設定cookie樣式

document.cookie='fontSize= 24';               // 字體大小


document.cookie='color = #234abc';            // 字體顏色

----------------------------------------------------------------------------------------------------------------------------------

<HTML>


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="ccsName.css">
<script src="2_new.js"></script>
<title>Cookie</title>
</head>

<body>
<button onclick="doFirst();">Show cookie(username)</button>
</body>

</html>

--------------------------------------------------------------------------------------------------------------------------

<JavaScript>

function doFirst(){

if(document.cookie.substr(0,8)!='username'){

var uname = prompt('Input you name','');

document.cookie = 'username :'+uname;

}else{

alert(document.cookie);

} //end of  if
}

沒有留言:

張貼留言