[武汉|荣耀师兄]JS-龚家豪|2017年03月24日的日报-技能树.IT修真院

发表于： 2017-03-24 23:23:24

1 1066

今天完成的事情：学习cookie的用法，学习j‍‍q的选择器、动画效果、jQuery HTML‍‍

遇到的问题：

一、日报提交不了，全白写了。重新登录后解决了。

二、页面之间传递数据，有很多办法：

1. 使用Querystring 方法 2. 利用隐藏域 3. ViewState 4. 使用Cookie 5. 使用Application 变量 6. 使用Session 变量 7. 使用类的静态属性 8. 使用Server.Transfer 9. Cache

具体可以看这里http://www.cnblogs.com/GetAlert/p/4435193.html

对于任务3，我认为利用cookie实现比较好。

关于cookie的用法，整理了（复制粘贴）一下：

设置cookie

每个cookie都是一个名/值对，eg：

document.cookie="userId=828";

如果要一次存储多个名/值对，可以使用分号加空格（; ）隔开，例如：

document.cookie="userId=828; userName=hulk";

存储cookie的值

用escape()函数进行编码

代码如下:

document.cookie="str="+escape("I love ajax");

使用unescape()进行解码

代码如下:

document.cookie="userId=828"; 
document.cookie="userName=hulk"; 

获取cookie的值

var strCookie=document.cookie; 这样获取的是所有cookie的值，还得把每个cookie分割开，利用‍‍split()函数。‍

代码如下:

<script language="JavaScript" type="text/javascript"> 
<!-- 
//设置两个cookie 
document.cookie="userId=828"; 
document.cookie="userName=hulk"; 
//获取cookie字符串 
var strCookie=document.cookie; 
//将多cookie切割为多个名/值对 
var arrCookie=strCookie.split("; "); 
var userId; 
//遍历cookie数组，处理每个cookie对 
for(var i=0;i<arrCookie.length;i++){ 
var arr=arrCookie[i].split("="); 
//找到名称为userId的cookie，并返回它的值 
if("userId"==arr[0]){ 
userId=arr[1]; 
break; 
} 
} 
alert(userId); 
//--> 
</script> 

给cookie设置终止日期

不设置终止日期，浏览器关闭后cookie不会保存。通过设置终止日期，控制cookie的保存时间。

通过给 expiress赋值来实现：

代码如下:

<script language="JavaScript" type="text/javascript"> 
<!-- 
//获取当前时间 
var date=new Date(); 
var expiresDays=10; 
//将date设置为10天以后的时间 
date.setTime(date.getTime()+expiresDays*24*3600*1000); 
//将userId和userName两个cookie设置为10天后过期 
document.cookie="userId=828; userName=hulk; expires="+date.toGMTString(); 
//--> 
</script> 

这里用到了

‍‍Date()方法：获取当前时间

‍‍setTime： ‍‍用于在指定的毫秒数后调用函数或计算表达式。‍‍‍‍

‍‍getTime()方法：可返回距 1970 年 1 月 1 日之间的毫秒数。‍‍‍‍

删除cookie

为了删除一个cookie，可以将其过期时间设定为一个过去的时间

代码如下:

<script language="JavaScript" type="text/javascript"> 
<!-- 
//获取当前时间 
var date=new Date(); 
//将date设置为过去的时间 
date.setTime(date.getTime()-10000); 
//将userId这个cookie删除 
document.cookie="userId=828; expires="+date.toGMTString(); 
//--> 
</script> 

指定可访问cookie的路径

如果要使cookie在整个网站下可用，可以将cookie_dir指定为根目录，例如：

代码如下:

document.cookie="userId=320; path=/";

最后，将上面的方法封装成函数，方便调用

参考：http://www.jb51.net/article/14566.htm

收获：学习了jq库，可以通过元素选择器、#id选择器、.class选择器选择元素

元素选择器、.class选择器会选中全部节点，如果只想选中特定节点可以使用eq选择器：

选择第二个 <p> 元素：