网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网页特效 >> 网站常用 >> 正文
最新文章
· JavaScript实现文本段落折叠展开和收
· 拖动滑块选择范围的网页插件代码
· JS版元素周期表
· jQuery数字统计并生成进度条动画的代
· 一个不错的CSS分页样式
· 实用的Flash全屏和退出全屏切换效果
· 纯CSS实现三列DIV等高布局
· jquery四色网页换肤代码
· 可展开和收起的在线客服代码
· 功能强大的漂亮计算器
热门文章
 登录时用Cookie保存用户名和密码
 获取16进制颜色值的取色器
 一个小型的JS在线文本编辑器
 JavaScript实现文本段落折叠展开和
 利用js给li标签添加序号
 通过QQ查询QQ用户的头像、昵称、地
 可展开和收起的在线客服代码
 js取色器
 基于jQuery的对象切换插件soChange
 javascript让状态栏不显示链接地址
相关文章
没有相关文章
登录时用Cookie保存用户名和密码
来源:黑马123 更新时间:2009/5/13 14:21:30 阅读次数: 我要投稿
△运行 ☉预览 #复制 +收藏
特效代码:
<br>
<!--#  -->
<!-- 把如下代码加入<body>区域中 -->
<SCRIPT language=javascript>
<!--//
//函数:写入cookie
function WriteCookie (cookieName, cookieValue, expiry) 

{
var expDate = new Date();

if(expiry)    //如果设置了cookie失效时间;
{
expDate.setTime (expDate.getTime() + expiry);
    document.cookie = cookieName + "=" + escape (cookieValue) + "; expires=" + expDate.toGMTString();
    }
    else   //没有设置cookie失效时间;
    {
        document.cookie = cookieName + "=" + escape (cookieValue);
}
}

//函数:取得form表单域的值作为cookie的相关值(cookie name,cookie value,expires)
function setCookie ()
{
var name = document.myform.text1.value;
var value = document.myform.text2.value;
var num = document.myform.text3.value;
var select = document.myform.text3.selectedIndex;

if (name=="" || value=="" || num==""){
alert ("请输入Cookie的名字,值和失效期再测试!");
return false;
}

if(num == 0)
{
WriteCookie(name, value, 0);
}
else if(select == 0)
//如果选择的是天;时间换算成秒;
{
WriteCookie(name, value, 1000 * 60 * 60 * 24 * num);
}
else if(select == 1)
//如果选择的是月;
{
WriteCookie(name, value, 1000 * 60 * 60 * 24 * num * 31);
}
else if(select == 2)
//如果选择的是年;
{
WriteCookie(name, value, 1000 * 60 * 60 * 24 * num * 365);
}
alert ("Cookie已经保存,欢迎访问www.1stscript.com") 
}

//函数:读cookie值;
function ReadCookie (CookieName) {
  var CookieString = document.cookie;
  var CookieSet = CookieString.split (';');
  var SetSize = CookieSet.length;
  var CookiePieces
  var ReturnValue = "";
  var x = 0;

  for (x = 0; ((x < SetSize) && (ReturnValue == "")); x++) {

    CookiePieces = CookieSet[x].split ('=');

    if (CookiePieces[0].substring (0,1) == ' ') {
      CookiePieces[0] = CookiePieces[0].substring (1, CookiePieces[0].length);
    }

    if (CookiePieces[0] == CookieName) {
      ReturnValue = CookiePieces[1];
      
    }

  }

  alert ("Cookie Value is:"+ReturnValue);

}
//-->
</SCRIPT>
<TABLE align=center border=0 cellPadding=5 cellSpacing=0 width=550>
  <TBODY>
  <TR bgColor=#e7e7e7>
    <TD class=title height=17>cookies是怎么回事呢?</tr>
  <TR bgColor=#e7e7e7>
    <TD>
      <P>   客户端Cookies可以斑竹我们检测用户状态,例如用户是否经过了一些特殊页面(例如:登陆页面)才来到当前页面,或者用户曾经进行过那些操作。所以:在购物车中应用非常广泛。比如,用户在不同的地方购买了各种商品,每购买一个商品就可以暂时将该商品存储在Cookie中,当购买行为结束后到结帐处付款结帐。
     <P>虽然,Cookie有这些好处,但是滥用也是很有害处的,恶意程序可以通过Cookie取得用户的隐秘资料,泄露隐私权。这不在我们讨论的范围内。需要注意的是:不要将用户的帐号和密码写在Cookie里,因为Cookie使文本文件,使明文的,任何接触到计算机的人都可以看到它的内容。尤其是在“网吧”等公共场所,使用完不要忘记清除cache中的cookies。</P></TD></TR>
  <TR>
    <TD bgColor=#ffcc99>
      <P>本例讨论如何设置客户端Cookies</P></TD></TR>
   <TR>
    <TD>
      <FORM name=myform>
      <TABLE border=0 cellPadding=2 cellSpacing=0 width="95%">
        <TBODY>
        <TR>
          <TD><SPAN class=e>Cookie name:</SPAN></TD>
          <TD><INPUT name=text1 value=javascript20000> </TD></TR>
        <TR>
          <TD><SPAN class=e>Cookie value:</SPAN></TD>
          <TD><INPUT name=text2  type=password></TD></TR>
        <TR>
          <TD><SPAN class=e>Cookie保留期:</SPAN></TD>
          <TD><INPUT name=text3 value=0> <SELECT name=Choice> <OPTION 
              selected value=0>天</OPTION> <OPTION value=1>月</OPTION> <OPTION 
              value=2>年</OPTION></SELECT> </TD></TR>
        <TR>
          <TD colSpan=2><INPUT name=button2 onclick=setCookie() type=button value=保存Cookie> 
<INPUT name=button onclick="WriteCookie(document.myform.text1.value, '');alert('Cookies已经清除了!')" type=button value=删除Cookie> 
<INPUT name=Submit onclick="ReadCookie (document.myform.text1.value)" type=submit value=看Cookie内容> 
          </TD></TR></TBODY></TABLE></FORM></TD></TR>
 </TBODY></TABLE>

△运行 ☉预览 #复制 +收藏
特效说明:
登录时用Cookie保存用户名和密码
  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号