使用JavaScript实现的登录页面-优快云博客

本文链接：https://blog.youkuaiyun.com/hoochiang/article/details/84296972

本文将介绍如何使用JavaScript编写一个简单的登录页面，包括获取cookie、设置cookie以及验证用户名的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
　　<head>
　　<script type="text/javascript">
　　function getCookie(c_name)
　　{
　　if (document.cookie.length>0)
　　{
　　c_start=document.cookie.indexOf(c_name + "=")
　　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 again '+username+'!')}
　　else
　　{
　　username=prompt('Please enter your name:',"")
　　if (username!=null && username!="")
　　{
　　setCookie('username',username,365)
　　}
　　}
　　}
　　</script>
　　</head>
　　<body onLoad="checkCookie()">
　　</body>
　　</html>

js 设置cookie