当前位置:编程学习 > JAVA >>

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]+$/;  下面是个完整的例子。
 
<html>
     <head>
         <title>regular express</title>
         <script type="text/javascript" >
           var str="agedaga";
           var str2="acbaaaccbac";
               var abcReg=/^[abc]+$/g;
            var test1=false;
            var test2=false;
           if(abcReg.test(str))
                        test1=true;
            if(abcReg.test(str2))
                        test2=true;
            document.write("result of string "+str+" is: "+test1+"<br> resulet of string "+str2+" is: "+test2);
    </script>
</head>
<body >
<body>
</html>

反向引用:是建立在分组基础上的正则表达式的应用。首先要知道分组号:按照分组从左到右的顺序以左括号为标志,从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来记录用户登陆的用户名和密码
 
<html>
     <head>
         <title>cookie test</title>
         <script type="text/javascript" >
           function setCookie(cookieName,cookieValue,expires){
                 document.cookie=cookieName+"="+escape(cookieValue)+";expires="+expires.toGMTString();
           }
           function conf(){
           var form=document.form;
           var uname=form.username.value;
           var upasw=form.pasw.value;
           var expires=new Date();
           expires.setTime(expires.getTime()+(7*24*60*60*1000));
           setCookie("username",uname,expires);
           alert("cookie seted");
           }
    </script>
</head>
<body >
<form name="form" method="post" action="#">
<table width="300" align="center" border="1">
    <tr>
           <td align="center" >user name:<input type="text" name="username" ></td>
    </tr>
    <tr>
            <td align="center" >password: <input type="password" name="pasw" ></td>
    </tr>
    <tr>
           <td align="center" ><input type="button" name=&quo

补充:web前端 , JavaScript ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,