网站建设资讯

NEWS

网站建设资讯

JS补充-正则和常用式样库

一、Bootstrap--推荐!
Bootstrap4 目前是 Bootstrap 的最新版本,是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为你的想法开发出原型或者构建整个 app 。

创新互联专注于乌鲁木齐企业网站建设,响应式网站,电子商务商城网站建设。乌鲁木齐网站建设公司,为乌鲁木齐等地区提供建站服务。全流程按需网站开发,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务


二、jQuery UI--轻推。。
jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择。
jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您学会使用其中一个,您就知道如何使用其他的小部件(Widget)。


三、jQuery Easy UI--包含了很多JS定义的元素,修改和调用特别复杂
jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件。

四、正则:

   
    **1、RegExp 对象方法:**
         正则表达式在前,字符串在后

        RegExp.test(字符串):字符串符合正则返回True,不符合返回False
        RegExp.exec(字符串):字符串符合正则返回字符串的值,否则返回Null,如果使用(|),返回的是数组。

    //E-mail检测,用户名可以支持带一个点
    mail_exp=/^\w+\.?\w+@\w+\.\w+\.?\w+$/
    mail_str1='sdffe.sf_01@df.582.546'      //格式识别 结果是mail_str1的字符串
    mail_str2='sdffe.sf_01@df.582.54.6'     //不识别 结果null
    result1=mail_exp.exec(mail_str2)
    document.write(result1)
    
    //手机号检测,满足11位,并规定以指定数字开头
    mobile_exp=/^(138|139|130|131)\d{8}$/
    mobile_str1='13112345678'      //格式识别 结果是[13112345678,131]的数组
    mobile_str2='18012345678'     //不识别 结果null
    result1=mobile_exp.exec(mobile_str2)
    document.write(result1[0])

      **2、支持正则表达式的 String 对象的方法:**      

        search检索与正则表达式相匹配的起始索引值。未匹配返回-1
        match找到一个或多个正则表达式的匹配结果,未匹配返回null,/g全局模式下,返回结果数组。
        replace替换与正则表达式匹配的子串,返回替换后新的字符串。未指定替换,使用undefined,使用/g全局模式下,替换所有。

        split把字符串分割为字符串数组。

    //search
    mobile_exp=/\d+/
    mobile_str1='dddd2422'     
    mobile_str2='ddddafff' 
    result1=mobile_str1.search(mobile_exp)   // 结果是4
    result2=mobile_str2.search(mobile_exp)   // 结果是-1

    //match
    mobile_exp=/\d+/g
    mobile_str1='kkk13112345dd6788'    
    result1=mobile_str1.match(mobile_exp)    //结果是[13112345,6788 ]的数组
    mobile_exp2=/\d+/
    result2=mobile_str1.match(mobile_exp2)    //结果是13112345
    
    //replace
    mobile_exp=/\d+/g
    mobile_str1='dddd2422'     
    mobile_str2='ddd123ff456f' 
    result1=mobile_str1.replace(mobile_exp,'aaa')   // 结果是ddddaaa
    mobile_exp2=/\D+/g
    result2=mobile_str2.replace(mobile_exp2)   // undefined123undefined456undefined  
    document.write(result2)
    
    //split
    mobile_str2='ddd123ff456f' 
    mobile_exp2=/\D+/
    result2=mobile_str2.split(mobile_exp2)   // [,123,456, ]

      **3、RegExp 对象属性:**     

        constructor属性返回对象的构造函数。返回值是函数的引用,不是函数名:

                JavaScript 正则表达式 constructor 属性返回 function RegExp() { [native code] }
                JavaScript 数组 constructor 属性返回 function Array() { [native code] }
                JavaScript 数字 constructor 属性返回 function Number() { [native code] }
                JavaScript 字符串 constructor 属性返回 returns function String() { [native code] }
                如果一个变量是数组你可以使用 constructor 属性来定义。       

 

        global判断是否设置了 "g" 修饰符

                正则表达式.global,返回true或false


        ignoreCase判断是否设置了 "i" 修饰符

                正则表达式.ignoreCase,返回true或false


        lastIndex匹配的起始位置,该属性只有设置标志 g 才能使用。=号赋值,不带=号获取值

var str="The rain in Spain stays mainly in the plain";
var patt1=/ain/g;
patt1.lastIndex=20;   //改变值,搜索后的lastIndex值会变。
document.write(patt1.exec(str));
document.write(patt1.lastIndex);

        

        multiline判断是否设置了 "m" 修饰符,设置返回True,否则返回False

        var patt1=/RUN/m;            返回true

        source返回正则表达式的内容,不包含参数。

var patt1=/\w+\.{6}/g;
document.write(patt1.source); //返回 \w+\.{6}


标题名称:JS补充-正则和常用式样库
本文来源:http://cdweb.net/article/jiegds.html