This article describes the use of cookies to implement the username remembering function. Share it for your reference, as follows:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title> cookieRemember the username</title>
<meta name="description" content="">
<meta name="keywords" content="">
</head>
<body>
<script>
//1. Use of cookies: = 'key=value'; Multiple can be set at the same time // ="username=longzhoufeng"
// ="age=03"
//2. Expiration time of cookie: = 'name=value;expires=' + time in string format;// var myDate=new Date()
// (()+3)
// ="mynameis="+encodeURI("longzhoufeng")+ ";expires="+();
// ="age=30"
// (decodeURI())
// The output result after decoding is as follows://mynameis=longzhoufeng; age=30
//3. Encapsulate the above into a function, where three parameters are changing, key value, value value, and T timefunction setCookie(key,value,t){
var myDate=new Date()
(()+t)
=key+"="+value+ ";expires="+();
}
function getCookie(key){
var arr1 = ('; ');
for (var i=0; i<; i++) {
var arr2 = arr1[i].split('=');
if ( arr2[0] == key ) {
return decodeURI(arr2[1]);
}
}
}
function removeCookie(key) {
setCookie(key, '', -1);
}
// setCookie("myName","longzhoufeng",1)
// (getCookie("myName"))
// (removeCookie("myName"))
// alert(typeof myDate)
// Time format must be converted into character form// alert(typeof ());
//4. The content is best encoded and stored, encodeURI//alert( encodeURI('Hello') );//alert( decodeURI('%E4%BD%A0%E5%A5%BD') )
</script>
<script>
= function() {
var oUsername = ('username');
var oLogin = ('login');
var oDel = ('del');
if ( getCookie('username') ) {
= getCookie('username');
}
= function() {
alert('Login successfully');
setCookie('username', , 5);
}
= function() {
removeCookie('username');
= '';
}
}
</script>
<input type="text" />
<input type="button" value="Login" />
<input type="button" value="delete" />
</body>
</html>
For more information about JavaScript, readers who are interested in reading this site's special topic:Summary of JavaScript data structure and algorithm techniques》、《JavaScript traversal algorithm and skills summary》、《Summary of JavaScript search algorithm skills》、《Summary of JavaScript animation special effects and techniques》、《Summary of JavaScript Errors and Debugging Skills"and"Summary of JavaScript mathematical operations usage》
I hope this article will be helpful to everyone's JavaScript programming.