Http中的js中cookiee是（）

来源：蜘蛛抓取(WebSpider) 时间：2018-09-23 07:37 标签： js中cookie

HTML5虽未来到其鼎盛时期，但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性。就我所做的项目而言，应用的HTML5相关特性有：data-自定义属性、placeholder、以及email类型input文本框。上周新上线的会员中心，自己又应用了HTML5相关内容——HTML5 localStorage本地存储，这里简单分享下，希望能触动一下大家的小小神经。

实际在线的页面访问，如果不是会员，还需要注册。烦那！所以自己就把其高保真独立出来，做了个HTML版本的demo页面。

您可以狠狠地点击这里：

进入demo页面，您可以看到左侧一个高高的（如果你是首次进入）的垂直菜单栏，长相如下：

点击次级标题栏（灰色渐变的标题栏）会有展开收起的动作。例如点击首页标题栏“订单中心”，对应列表项收起，然后你刷新页面，该列表项依旧处于收起状态。如下图：

有意思！怎么玩的呢？这里卖个关子，先看看京东商城的做法。
我们这里的垂直菜单栏应该是参考京东商城个人中心的菜单栏设计的；京东的记录用户展开收起细则的做法是使用cookie，所有浏览器都使用cookie，一个关键字为myjd的cookie，如下截图所示（FireFox6下）：

这是很OK的做法，客户端记录一些可以丢失的数据，且大小不大的时候，cookie是首选，毕竟，所有的浏览器都鸟它。

我个人对cookie并没有什么好感，一是大小限制，貌似4K左右，而是IE6浏览器下每个域名下好像还有个数限制。我生性自由之人，最受不了限制了。好在我们迎来了HTML5，其中有个很犀利实用的东东，就是localStorage本地存储，有5M大小，而且IE浏览器从IE8开始就已经支持了。

所说IE6~7浏览器尚不支持，但这并不影响我们在实际项目中使用。此话怎讲，IE6~7浏览器依旧采用传统的cookie保持信息，而其他浏览器就使用HTML5的本地存储功能。这里不同浏览器不同做法的成本是很低的，尤其在某些JS库下（因为使用参数，格式等都一致）。

上面所说的某些JS库之一就是MooTools库，因为我所从事的项目都与基于MooTools库的，因此，使用本地存储的成本就小些。MooTools库自身就携带读写cookie的功能，且参数个数，使用与localStorage本地存储一致。

数据存储 我们每次点击一个标题栏，都要把它的显示状态记录。例如，放在一个数组中，然后存储之，代码如下（假设我们已经记录了各标题栏状态为数组arrDisplay）：

当我们每次load页面的时候，就要将相对应的数据读出来。如下：

需要注意的是：虽然我们存储的是数组，但是，实际上存储的的是数组字符化后的字符串(Cookie和localStorage都是)，因此，我们在处理strStoreDate的时候，一定要当作字符串处理，类似下面：

//根据存储的display触发相对应的动作

以上就是用户操作行为本地存储的核心code，如果您要查看完整代码，demo页面[右键→查看源代码]即可。

有好东西不用干嘛呢？总不能因为一粒老鼠屎把一锅红烧肉都倒掉吧，总不能因为某一个人犯了点事就把他九族都灭了吧。不是常说要拥抱变化，拥抱未来吗？只有这样，才能加速提升我们整个前端届的向前发展，不至于总是滞后于国外N年……所以，我们要大胆进取，用于创新，在实际的项目中，积极应用CSS3或是HTML5的新特性，新技术。无论是你的个人喜好，还是确实对于项目有所帮助，积极do it！整个行业的发展就是你推动的！

本文为原创文章，转载请注明来自[]

收集了一些比较常用的javascript函数。 

//iCase: 0全到半，1半到全，其他不转化
 

 确认是否键盘有效输入值
 
 

 
 

 日期格式化函数+调用方法
 
 

 
 

 
// 计算当前触发元素到文档的距离
// 计算光标到文档的距离
// 相减获取光标到第一个定位的父元素的坐标
// 计算从当前触发元素到根节点为止，
 

 
//年/月/日（年-月-日、年.月.日）
//匹配帐号是否合法(字母开头，允许5-10字节，允许字母数字下划线)
//匹配空白行的正则表达式
//匹配首尾空白字符的正则表达式
//匹配HTML标记的正则表达式
//提取信息中的网络链接
//提取信息中的邮件地址
//提取信息中的图片链接
//提取信息中的 IP 地址
//取信息中的中国手机号码
//提取信息中的中国邮政编码
//提取信息中的浮点数（即小数）
//提取信息中的任何数字
//帐号（字母开头，允许 5-16 字节，允许字母数字下划线）
//中文、英文、数字及下划线
 

 
 

 
 
 

 
 

 提取页面代码中所有网址
 
 
 

 
 

 按字母排序，对每行进行数组排序
 
 

 
 

 清除html代码中的脚本
 
 

 
 

 
//以下是小写转换成大写显示在合计大写的文本框中 
 

 
//当窗体的宽度小于1255的时候执行相应的操作
//当窗体的宽度大于1255的时候执行相应的操作
 

 
 

 
 

 获取窗体可见范围的宽与高

·爬虫程序urllib2模块底层操作；

·请求头的设置和添加；

·请求代理的种类和类型；

·关于cookie的操作（手动添加/程序自动获取）

一、爬虫底层操作和请求头的设置

# 根据url构建请求对象 # 上面data为字典形式，通过urllib模块的urlencode函数可以将输入的中文编码，并将字典形式转换为k=v， # 便于在url中显示，以获取数据

我要回帖

更多关于 js中cookie 的文章

 

随机推荐