js cookieを使ってユーザー名を覚える機能例を実現します。
本明細書の例は、jsがcookieを使用してユーザ名を記憶する機能を実現することを述べている。皆さんに参考にしてあげます。具体的には以下の通りです。
本論文で述べたように、JavaScriptプログラムの設計に役に立ちます。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>www.jb51.net cookie </title>
<meta name="description" content="">
<meta name="keywords" content="">
</head>
<body>
<script>
//1、cookie ：document.cookie = 'key=value';
// document.cookie="username=longzhoufeng"
// document.cookie="age=03"
//2、cookie ：document.cookie = ' = ;expires=' + ;
// var myDate=new Date()
// myDate.setDate(myDate.getDate()+3)
// document.cookie="mynameis="+encodeURI("longzhoufeng")+ ";expires="+myDate.toGMTString();
// document.cookie="age=30"
// console.log(decodeURI(document.cookie))
// ：
//mynameis=longzhoufeng; age=30
//3、 , ，key ，value ，T
function setCookie(key,value,t){
var myDate=new Date()
myDate.setDate(myDate.getDate()+t)
document.cookie=key+"="+value+ ";expires="+myDate.toGMTString();
}
function getCookie(key){
var arr1 = document.cookie.split('; ');
for (var i=0; i<arr1.length; i++) {
var arr2 = arr1[i].split('=');
if ( arr2[0] == key ) {
return decodeURI(arr2[1]);
}
}
}
function removeCookie(key) {
setCookie(key, '', -1);
}
// setCookie("myName","longzhoufeng",1)
// console.log(getCookie("myName"))
// console.log(removeCookie("myName"))
// alert(typeof myDate)
//
// alert(typeof myDate.toGMTString());
//4、 ,encodeURI
//alert( encodeURI(' ') );
//alert( decodeURI('%E4%BD%A0%E5%A5%BD') )
</script>
<script>
window.onload = function() {
var oUsername = document.getElementById('username');
var oLogin = document.getElementById('login');
var oDel = document.getElementById('del');
if ( getCookie('username') ) {
oUsername.value = getCookie('username');
}
oLogin.onclick = function() {
alert(' ');
setCookie('username', oUsername.value, 5);
}
oDel.onclick = function() {
removeCookie('username');
oUsername.value = '';
}
}
</script>
<input type="text" id="username" />
<input type="button" value=" " id="login" />
<input type="button" value=" " id="del" />
</body>
</html>
本論文で述べたように、JavaScriptプログラムの設計に役に立ちます。