获取input输入的值，实现再次刷新页面时，能记住input里的值，用cookie保存
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function getCookie(c_name ){
if(document.cookie.length>0){
c_start=document.cookie.indexOf(c_name+"=") ; //indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置
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 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!="")
{
alert('welcome '+username);
document.getElementById('user').innerHTML=username;
}
else {
/* username=prompt('pskdsks:',"");*/
username=document.getElementById('user').value;
if(username!=null && username!="")
{
setCookie('username',username,7);
}
}
}
</script>
</head>
<body>
<input type="text" style="width: 40px" id="user">
<button id="btn" type="submit" onclick="checkCookie()">click</button>
</body>
</html>
追萌1回答
-
MR帽子先生
input里面设置ID cook就可以保存了
随时随地看视频慕课网APP
相关分类
Html5
JavaScript