您好,欢迎访问一九零五行业门户网

javascript 进阶篇1 正则表达式,cookie管理,userData_基础知识

首先,什么事正则表达式呢,其实引入概念很多时候并不能帮我们明白它到底是什么,所以我先简单描述下,正则表达式,其实就是一个记录字符串规则则的字符串,等我们看完这一部分,也就能明白它到底是什么了。
基本语法:正则表达式就是“/expression/”+表示搜索范围的符号。例如我们要找function这个关键词,就是/function/gi,其中g表示global,就是全局搜索,i表示ignor,就是忽略大小写。
在js中,我们通过regexp类来实现。
这个类里面有很多很多的符号用来表示不同的索引方法,我先把这个表列一列:
元字符 说明 量词 说明 反义字符 说明
  . 匹配除了换行符号(\n)以外的任意字符   * 出现次数:[0,+∞)   \w 字母,数字,下划线,汉字以外的字符
  ^ 匹配字符串的开始   + 出现次数:[1,+∞)   \s 空白字符以外的字符
  $ 匹配字符串的结束   ? 出现次数:[0,1]   \d 数字以外的字符
  \b 匹配单词边界   {n}   出现次数:n   \b 匹配非单词的边界
  \d 匹配数字   {n,} 出现次数:[n,+∞)   [^] 在字符类中,^号后面的字符串以外的任意字符
  \s 匹配任意的空白符   {n,m}   出现次数:[n,m]   [-] 匹配从-前字符到-后字符的字符串中的字符/数字
  \w 匹配字母,数字,下划线或汉字
除了上述符号外,还有三个概念:一个是分组,一个是反向引用,最后是候选。
分组:就是指用()把字符串括起来,这样可以让字符串根据某种规律来组合。同时,括号还可以进行嵌套,比如用正则表达式来表达日期的格式:var datereg=/^(\d{1,4})(-)(\d{1,2}(-)(\d{1,2})$),当然,这个方式也有一定的漏洞,这里只是表示一下格式问题。
除了这些之外还有方括号,比如你只希望匹配x y z d w 这几个字母中的一个,那就写[xyzdw],如果匹配的是连续的,比如0-4的数字那就[0-4],但是这个是只表示一个字符的。
如果要写多个,比如匹配ac或者bd,那么就用“|”符号,写 (ac|bd)。
比如我们要匹配一个只包含abc的字符串,那么可以写: abdreg=/^[abc]+$/; 下面是个完整的例子。
复制代码 代码如下:
regular express
反向引用:是建立在分组基础上的正则表达式的应用。首先要知道分组号:按照分组从左到右的顺序以左括号为标志,从1开始累加。使用办法有俩:$分组号,或者 \分组号。
第二种适用于在表达式中引用分组的情况,其中“”是转义符号,跟平时的意思一样,在需要匹配保留字符的时候就是用它。
比如我们要匹配一个abc开头,abc结尾,中间不限的字符串:reg=/^(abc)[a-z]*\1$/; 可以把这一句放在刚才的例子里尝试一下,我测试了下没有错误。
几个常用的匹配正则式:
1.匹配日期:reg=/^\d{4}-(((0[13578]|(10|12))-(0[1-9]|[1-2]\d|3[01]))|(02-(0[1-9])|[1-2]\d)|((0[469]|11)-(0[1-9]|[1-2]\d|30)))$/g;
2.匹配时间:reg=/^([0-1]\d|[2][0-3](:([0-5]\d)){2}$/g;
3.匹配邮箱:reg=/^([a-za-z]([0-9a-za-z]|(_))*@(([0-9a-za-z]|(_))+\.)+[a-za-z]{2,9})$/g;
4.匹配中文字符:reg=/^[\u4e00-\u9fa5]+$/g;
javascript操作cookies
cookie是什么相信大家都了的,所以我也就不死气巴咧的抄定义了。
用js操作cookie的语句如下:document.cookie=name+=value+;expires=+date.togmtstring();
接下来我们就用cookie来记录用户登陆的用户名和密码
复制代码 代码如下:
cookie test
user name:
password:
说明一下escape是简单的加密,expires是生存期,一般定为一周,一周后自动删除。
当然如果仅仅写cookie但是不读的话就白瞎了,于是要学会读取cookie文件的内容。
于是我们在script里面加入两个读取用的函数:
复制代码 代码如下:
此外还要再body标签添一句onload事件:
于是,这段代码在ie和ff里执行无误,在chrome里死活出不来cookie。。我实在是想不明白啦~有知道为什么的大侠么~求赐教orz
修改cookie有效期跟修改cookie内容一样的,不过是找到expires字段内容,然后修改,如果要删除cookie,就把它的有效期设置为昨天就ok了。
userdata
跟cookie不同的地方是,userdata可以没有有效期并且可以存储更多的数据(640kb cookie:4kb),所以如果页面输入量较大时,可以使用userdata来存储数据。
保存数据到userdata:主要是两部分:给内容起个名字,把它存到userdata中。
学习之前要注意的是,这个是微软开发的,所以仅适用于ie,经过测试,ff和chrome表示不兼容此功能。
这里有个图是写关于存储的年历表的:
ok接下来看看userdata。
首先要在script前加个style,然后通过设置参数的方法把它给保存到userdata里:
复制代码 代码如下:
cookie test
title:
content:
获取的函数跟存储是相反的过程,就是取出来其实很好理解:
添加一个function:
复制代码 代码如下:
function getcontent(){
var formobj=document.form;
var contentobj=formobj.content;
contentobj.load(contentdata);
contentobj.value=contentobj.getattribute(contenttext);
}
改好后的完整程序:
复制代码 代码如下:
cookie test
title:
content:
好接下来说个兼容还算可以的:(下面这段都是抄的,因为转载太多我也不知道源出处了。)
localstorage: 相对于其他方案,localstorage有自身的优点:容量大、易用、强大、原生支持;缺点是兼容性差些(chrome, safari, firefox,ie 9,ie8都支持 localstorage,主要是ie8以下版本不支持)、安全性也差些(所以请勿使用localstorage保存敏感信息)。
非常通俗易懂的接口:
localstorage.getitem(key):获取指定key本地存储的值
localstorage.setitem(key,value):将value存储到key字段
localstorage.removeitem(key):删除指定key本地存储的值
留意localstorage存储的值都是字符串类型,在处理复杂的数据时,比如json数据时,需要借助json类,将json字符串转换成真正可用的json格式,localstorage第二个实战教程会重点演示相关功能。localstorage还提供了一个storage事件,在存储的值改变后触发。
目前浏览器都带有很好的开发者调试功能,下面分别是chrome和firefox的调试工具查看
报废了好久,终于抖擞精神把进阶1写好了,以后不能再这么堕落了哎。。闭关修炼还是必须的~。
其它类似信息

推荐信息