javascript简介以及知识体系总结
JavaScript一种直译式脚本语言，是一种动态类型、弱
类型、基于原型的语言，内置支持类型。它的解释器被
称为JavaScript引擎，为浏览器的一部分，广泛用于客
户端的脚本语言，最早是在HTML（标准通用标记语言下
的一个应用）网页上使用，用来给HTML网页增加动态功
能。
1、javaScript的概念:是一种表述语言，也是一种基于
对象(Object)和事件驱动(EventDriven)的，安全性好
的脚本语言，运行在客户端，从而减轻服务器端的负担
，总结如下：
1.javaScript主要用来向HTML页面找那个添加交互行
为。
2.javaScript是一种脚本语言，语法和java类似。
3.javaScript一般用来编写客户端脚本。
4.javaScript是一种解释性语言，边执行边解释。
2、javaScript由核心语法ECMAScript、浏览器对象模
型(BOM) 主要用于管理窗口与窗口之间的通讯，因此其
核心对象是window、文档对象模型(DOM)三部分组成.
3、网页中引入javaScript三种方式:
1.使用<Script></Script>标签内部样式
2.使用外部js文件
3.直接在HTML标签中的行内样式。
4.javaScript的作用
1.实现页面表单验证
2.实现页面交互特效
5.javaScript的特点
1.被设计用来向Html页面添加交互行为
2.是一种英特网上最流行的脚本语言
3.一般用于编写客户端脚本
4．是一种解释性语言
JavaScript拥有以下几个特点：
· 脚本语言。JavaScript是一种解释型的脚本语言,C
、C++等语言先编译后执行,而JavaScript是在程序的运
行过程中逐行进行解释。
· 基于对象。JavaScript是一种基于对象的脚本语
言,它不仅可以创建对象,也能使用现有的对象。
· 简单。JavaScript语言中采用的是弱类型的变量
类型,对使用的数据类型未做出严格的要求,是基于Java
基本语句和控制的脚本语言,其设计简单紧凑。
· 动态性。JavaScript是一种采用事件驱动的脚本
语言,它不需要经过Web服务器就可以对用户的输入做出
响应。在访问一个网页时,鼠标在网页中进行鼠标点击
或上下移、窗口移动等操作JavaScript都可直接对这些
事件给出相应的响应。
· 跨平台性。JavaScript脚本语言不依赖于操作系
统,仅需要浏览器的支持。因此一个JavaScript脚本在
编写后可以带到任意机器上使用,前提上机器上的浏览
器支 持JavaScript脚本语言,目前JavaScript已被大多
数的浏览器所支持。
JavaScript由以下部分组成：
· ECMAScript，描述了该语言的语法和基本对象。
· 文档对象模型（DOM），描述处理网页内容的方法
和接口。
· 浏览器对象模型（BOM），描述与浏览器进行交互
的方法和接口。
JavaScript都有哪些数据类型？
· object object中又有 Function、String、Array、
Object、Date等等
· string
· number
· boolean
· null
· undefined
13、 style 定位方面的样式
left top position z-index
鼠标滚动距离：scorllTop:纵向距离
scorllLeft:横向距离
鼠标滚动事假：onscorll
Jquery对象与Dom对象的相互转换
1.jquery对象转换为DOMD对象，jquery提供两种方法将
jquery对象转换为DOM对象，即[index]和get(index),
var $txtName=$(“#txtName”);//jquery对象
var txtName=$txtName[0];//Dom对象
alert(txtName.checked);//检测这个checkbox是否被
选中
通过get(index)方法得到对应的Dom对象
Var $txtName=$(“#txtName”);//jquery对象
Var txtName=$txtName.get(0);//Dom对象
alert(txtName.checked);//检测这个checkbox是否被
选中
1.Dom对象转换为jQuery对象
Var txtName=document.getElementById
(“txtName”);//dom对象
Var $txtName=$(txtName);//
Dom中添加class属性使用obj.className=classname;
添加类容使用obj.innerHtml=<input />
Jquery中添加class属性使用obj.addClaa=classname;
添加类容使用：obj.html=<input/>;
Jqurey中的五大选择器：
1.基本选择器 (# . 标签)
2.层次选择器(后代 >子 +相邻 ~同辈)
3.属性选择器(P[class=name])
4.过滤选择器(“tr:even”)
5.可见性选择器(“p:hidden” “p:viside”)
Js中String对象常用的方法：
1.toString(包前不包后),2.toLowerCase();toUpperCase();
2.charAt(index);返回在指定位置的字符，indexOf(str,index);指定字符串中首次出现的位置;split(str);将字符串分割为字符串数组
在javaScript中条件语句Switch(){}可以接字符串；
alert(“提示信息”)；
var isOk=confirm(“确认框“);//如果确认返回true,否则返回false
prompt();prompt(“提示信息”，“输入框默认信息”);
prompt(“请输入姓名”)
close();
open();
setTimeout();在指定毫秒之后调用某个函数
setInterval();在指定周期毫秒来调用某个函数
window.open();
7.Js语法：
1.区分大小写
2.注意变量，函数等命名规范
3.每行代码以分号结束
Js中的函数：
1.系统函数
ParseInt();转换为整数 45.9a转换为45；a6转换返回为NaN(Not a Number)
isNaN(判断是不是数字)
typeof(var);判断是什么数据类型
eval(“5+2”);计算表达式值
2.自定义函数
Function 函数名(){javaScript代码}
Function 函数名(参数1，参数2){javaScript代码 return 返回值(可选)}
Js中函数的调用:
1.事件名=“函数名(传递的参数值)“;
2.函数名(传递的参数值);
匿名函数:
1.匿名函数的声明：
Var 变量名=function(参数){ 函数体 return 返回值；} ;
1.调用
变量名(参数)
8.程序调用
1.添加alert();方法 2.使用fireBug();方法
9.BOM概述：(Browser Object Model,浏览器对象模型)
1.window对象的属性
名称
说明
History
有关客户访问过的URL的信息
Location
有关当前URL的信息
Screen
有关客户端的屏幕和显示性能的信息
Weindow对象常用的方法：prompt()confirm();setTimeout();setInterval();
Window对象常用的事件：onload=”” onmouseover=””;onclick
window.parent.location
2.History对象
方法：back() ;forward();go();
3.Location对象提供当前页面的URL
属性：host hostname href
方法:reload() replace();
4.Document对象
属性:referrer属性判断是不是通过超链接访问的，不是返回null
10.javaScript中的对象，
Date对象:
创建date对象发方法var date=new Date(MM DD ,YYYY,hh:mm:ss);
var date=new Date(); date.getDay();
Math对象：
Ceil();对数进行向上取整，ceil(25.5)=26;
Floor();向下取整，floor(25.5)=25;
Math.round(25.5);在原数的加0.5后向下取整
11.Dom概述(文档对象模型)
由CoreDom,XMLDom,HTML Dom组成；
12.创建数组
Js中变量的声明:
Var 数组名称=new Array(size);
1.先声明再赋值 fruit[0]=””
2.声明同时赋值 var fruit=new Array
(“apple”,”orange”);或 var fruit=new Array[“
apple”,”orange”];
读取1.使用for循环读取 2.使用for---in读取
For(var x in fruit){document.write(fruit
[x]+”<br/>”)}x为下标
Fruit.sort();//排序 string str=fruit.join
(“-”);//添加字符串后连接成一个字符串
JS中常用的一些小技巧：
1.使用!!操作符转换布尔值，对于变量可以使用！！
varable做检测，只要变量的值为：0，null , "" ,
undefind或者NaN都将返回的是false反之的是true
function Account(cash)
{
this.cash = cash;
this.hasMoney = !! cash;
}
2.使用+将字符串转换为数字，只适用字符串数据，否
则返回NaN
function toNumber(strNum) {
return +strNum;
}
适用于Date()返回时间戳数字：+new Date();
3.在循环很大时候数字的长度先给去出来，var legth
= array.legth;
4.if('querySelector' in document) {
document.querySelector("#id");
} else {
document.getElementById("id");
}
5.获取数组中的最后一个元素
var array = [1,2,3,4,5];
array.slice(-1);
6.字符串元素的替换
var string = "john john";
string.replace(/hn/, "ana"); //"joana john"
string.replace(/hn/g, "ana"); //"joana joana"
正则表达式是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为“元字符”）。模式描述在搜索文本时要匹配的一个或多个字符串。
正则表达式行为与示例
|
元字符 |
行为 |
示例 |
|---|---|---|
|
* |
零次或多次匹配前面的字符或子表达式。 等效于 {0,}。 |
zo* 与“z”和“zoo”匹配。 |
|
+ |
一次或多次匹配前面的字符或子表达式。 等效于 {1,}。 |
zo+ 与“zo”和“zoo”匹配，但与“z”不匹配。 |
|
? |
零次或一次匹配前面的字符或子表达式。 等效于 {0,1}。 当 ?紧随任何其他限定符（*、+、?、{n}、{n,} 或 {n,m}）之后时，匹配模式是非贪婪的。非贪婪模式匹配搜索到的、尽可能少的字符串，而默认的贪婪模式匹配搜索到的、尽可能多的字符串。 |
zo? 与“z”和“zo”匹配，但与“zoo”不匹配。 o+? 只与“oooo”中的单个“o”匹配，而 o+ 与所有“o”匹配。 do(es)? 与“do”或“does”中的“do”匹配。 |
|
^ |
匹配搜索字符串开始的位置。如果标志中包括 m（多行搜索）字符，^ 还将匹配 \n 或 \r 后面的位置。 如果将 ^ 用作括号表达式中的第一个字符，则会对字符集求反。 |
^\d{3} 与搜索字符串开始处的 3 个数字匹配。 [^abc] 与除 a、b 和 c 以外的任何字符匹配。 |
|
$ |
匹配搜索字符串结尾的位置。如果标志中包括 m（多行搜索）字符，^ 还将匹配 \n 或 \r 前面的位置。 |
\d{3}$ 与搜索字符串结尾处的 3 个数字匹配。 |
|
. |
匹配除换行符 \n 之外的任何单个字符。若要匹配包括 \n 在内的任意字符，请使用诸如 [\s\S] 之类的模式。 |
a.c 与“abc”、“a1c”和“a-c”匹配。 |
|
[] |
标记括号表达式的开始和结尾。 |
[1-4] 与“1”、“2”、“3”或“4”匹配。[^aAeEiIoOuU] 与任何非元音字符匹配。 |
|
{} |
标记限定符表达式的开始和结尾。 |
a{2,3} 与“aa”和“aaa”匹配。 |
|
() |
标记子表达式的开始和结尾。可以保存子表达式以备将来之用。 |
A(\d) 与“A0”至“A9”匹配。保存该数字以备将来之用。 |
|
| |
指示在两个或多个项之间进行选择。 |
z|food 与“z”或“food”匹配。(z|f)ood 与“zood”或“food”匹配。 |
|
/ |
表示 JScript 中的文本正则表达式模式的开始或结尾。在第二个“/”后添加单字符标志可以指定搜索行为。 |
/abc/gi 是与“abc”匹配的 JScript 文本正则表达式。g（全局）标志指定查找模式的所有匹配项，i（忽略大小写）标志使搜索不区分大小写。 |
|
\ |
将下一字符标记为特殊字符、文本、反向引用或八进制转义符。 |
\n 与换行符匹配。\( 与“(”匹配。\\ 与“\”匹配。 |
大多数特殊字符在括号表达式内出现时失去它们的意义，并表示普通字符。有关更多信息，请参见匹配字符的列表中的“括号表达式中的字符”。
下表包含了多字符元字符的列表以及它们在正则表达式中的行为。
|
元字符 |
行为 |
示例 |
|---|---|---|
|
\b |
与一个字边界匹配；即字与空格间的位置。 |
er\b 与“never”中的“er”匹配，但与“verb”中的“er”不匹配。 |
|
\B |
非边界字匹配。 |
er\B 与“verb”中的“er”匹配，但与“never”中的“er”不匹配。 |
|
\d |
数字字符匹配。 等效于 [0-9]。 |
在搜索字符串“12 345”中，\d{2} 与“12”和“34”匹配。\d与“1”、“2”、“3”、“4”和“5”匹配。 |
|
\D |
非数字字符匹配。 等效于 [^0-9]。 |
\D+ 与“abc123 def”中的“abc”和“def”匹配。 |
|
\w |
与以下任意字符匹配：A-Z、a-z、0-9 和下划线。 等效于 [A-Za-z0-9_]。 |
在搜索字符串“The quick brown fox…”中，\w+ 与“The”、“quick”、“brown”和“fox”匹配。 |
|
\W |
与除 A-Z、a-z、0-9 和下划线以外的任意字符匹配。 等效于 [^A-Za-z0-9_]。 |
在搜索字符串“The quick brown fox…”中，\W+ 与“…”和所有空格匹配。 |
|
[xyz] |
字符集。与任何一个指定字符匹配。 |
[abc] 与“plain”中的“a”匹配。 |
|
[^xyz] |
反向字符集。与未指定的任何字符匹配。 |
[^abc] 与“plain”中的“p”、“l”、“i”和“n”匹配。 |
|
[a-z] |
字符范围。匹配指定范围内的任何字符。 |
[a-z] 与“a”到“z”范围内的任何小写字母字符匹配。 |
|
[^a-z] |
反向字符范围。与不在指定范围内的任何字符匹配。 |
[^a-z] 与不在范围“a”到“z”内的任何字符匹配。 |
|
{n} |
正好匹配 n 次。n 是非负整数。 |
o{2} 与“Bob”中的“o”不匹配，但与“food”中的两个“o”匹配。 |
|
{n,} |
至少匹配 n 次。n 是非负整数。 * 与 {0,} 相等。 + 与 {1,} 相等。 |
o{2,} 与“Bob”中的“o”不匹配，但与“foooood”中的所有“o”匹配。 |
|
{n,m} |
匹配至少 n 次，至多 m 次。n 和 m 是非负整数，其中 n <= m。逗号和数字之间不能有空格。 ? 与 {0,1} 相等。 |
在搜索字符串“1234567”中，\d{1,3} 与“123”、“456”和“7”匹配。 |
|
(模式) |
与模式 匹配并保存匹配项。您可以从由 JScript 中的 exec Method返回的数组元素中检索保存的匹配项。若要匹配括号字符 ( )，请使用“\(”或者“\)”。 |
(Chapter|Section) [1-9] 与“Chapter 5”匹配，保存“Chapter”以备将来之用。 |
|
(?:模式) |
与模式 匹配，但不保存匹配项；即不会存储匹配项以备将来之用。这对于用“or”字符 (|) 组合模式部件的情况很有用。 |
industr(?:y|ies) 与 industry|industries 相等。 |
|
(?=模式) |
积极的预测先行。找到一个匹配项后，将在匹配文本之前开始搜索下一个匹配项。不会保存匹配项以备将来之用。 |
^(?=.*\d).{4,8}$ 对密码应用以下限制：其长度必须介于 4 到 8 个字符之间，并且必须至少包含一个数字。 在该模式中，.*\d 查找后跟有数字的任意多个字符。对于搜索字符串“abc3qr”，这与“abc3”匹配。 从该匹配项之前（而不是之后）开始，.{4,8} 与包含 4-8 个字符的字符串匹配。这与“abc3qr”匹配。 ^ 和 $ 指定搜索字符串的开始和结束位置。这将在搜索字符串包含匹配字符之外的任何字符时阻止匹配。 |
|
(?!模式) |
消极的预测先行。匹配与模式 不匹配的搜索字符串。找到一个匹配项后，将在匹配文本之前开始搜索下一个匹配项。不会保存匹配项以备将来之用。 |
\b(?!th)\w+\b 与不以“th”开头的单词匹配。 在该模式中，\b 与一个字边界匹配。对于搜索字符串“ quick ”，这与第一个空格匹配。(?!th) 与非“th”字符串匹配。这与“qu”匹配。 从该匹配项开始，\w+ 与一个字匹配。这与“quick”匹配。 |
|
\cx |
匹配 x 指示的控制字符。x 的值必须在 A-Z 或 a-z 范围内。如果不是这样，则假定 c 就是文本“c”字符本身。 |
\cM 与 Ctrl+M 或一个回车符匹配。 |
|
\xn |
匹配 n，此处的 n 是一个十六进制转义码。十六进制转义码必须正好是两位数长。允许在正则表达式中使用 ASCII 代码。 |
\x41 与“A”匹配。\x041 等效于后跟有“1”的“\x04”（因为n 必须正好是两位数）。 |
|
\num |
匹配 num，此处的 num 是一个正整数。这是对已保存的匹配项的引用。 |
(.)\1 与两个连续的相同字符匹配。 |
|
\n |
标识一个八进制转义码或反向引用。如果 \n 前面至少有 n 个捕获子表达式，那么 n 是反向引用。否则，如果 n 是八进制数 (0-7)，那么 n 是八进制转义码。 |
(\d)\1 与两个连续的相同数字匹配。 |
|
\nm |
标识一个八进制转义码或反向引用。如果 \nm 前面至少有 nm 个捕获子表达式，那么 nm 是反向引用。如果 \nm 前面至少有n 个捕获子表达式，则 n 是反向引用，后面跟有文本 m。如果上述情况都不存在，当 n 和 m 是八进制数字 (0-7) 时，\nm匹配八进制转义码 nm。 |
\11 与制表符匹配。 |
|
\nml |
当 n 是八进制数字 (0-3)，m 和 l 是八进制数字 (0-7) 时，匹配八进制转义码 nml。 |
\011 与制表符匹配。 |
|
\un |
匹配 n，其中 n 是以四位十六进制数表示的 Unicode 字符。 |
\u00A9 与版权符号 (©) 匹配。 |
下表包含表示非打印字符的转义序列。
|
字符 |
匹配 |
等效于 |
|---|---|---|
|
\f |
换页符。 |
\x0c 和 \cL |
|
\n |
换行符。 |
\x0a 和 \cJ |
|
\r |
回车符。 |
\x0d 和 \cM |
|
\s |
任何空白字符。其中包括空格、制表符和换页符。 |
[\f\n\r\t\v] |
|
\S |
任何非空白字符。 |
[^\f\n\r\t\v] |
|
\t |
Tab 字符。 |
\x09 和 \cI |
|
\v |
垂直制表符。 |
\x0b 和 \cK |
正则表达式的计算方式与算术表达式非常类似；即从左到右进行计算，并遵循优先级顺序。
下表按从高到低的顺序包含了正则表达式运算符的优先级顺序。
|
运算符 |
说明 |
|---|---|
|
\ |
转义符 |
|
(), (?:), (?=), [] |
括号和中括号 |
|
*、+、?、{n}、{n,}、{n,m} |
限定符 |
|
^、$、\任何元字符 |
定位点和序列 |
|
| |
替换 |
字符具有高于替换运算符的优先级，例如，允许“m|food”匹配“m”或“food”。
常用表达式以及如何使用
"ab*"：表示一个字符串有一个a后面跟着零个或若干个b。（"a", "ab", "abbb",……）；
"ab+"：表示一个字符串有一个a后面跟着至少一个b或者更多；
"ab?"：表示一个字符串有一个a后面跟着零个或者一个b；
"a?b+$"：表示在字符串的末尾有零个或一个a跟着一个或几个b。
你也可以使用范围，用大括号括起，用以表示重复次数的范围。
"ab{2}"：表示一个字符串有一个a跟着2个b（"abb"）；
"ab{2,}"：表示一个字符串有一个a跟着至少2个b；
"ab{3,5}"：表示一个字符串有一个a跟着3到5个b。
请注意，你必须指定范围的下限（如："{0,2}"而不是"{,2}"）。还有，你可能注意到了，'*'，'+'和
'?'相当于"{0,}"，"{1,}"和"{0,1}"。
还有一个'¦'，表示“或”操作：
"hi¦hello"：表示一个字符串里有"hi"或者"hello"；
"(b¦cd)ef"：表示"bef"或"cdef"；
"(a¦b)*c"：表示一串"a""b"混合的字符串后面跟一个"c"；
'.'可以替代任何字符：
"a.[0-9]"：表示一个字符串有一个"a"后面跟着一个任意字符和一个数字；
"^.{3}$"：表示有任意三个字符的字符串（长度为3个字符）；
方括号表示某些字符允许在一个字符串中的某一特定位置出现：
"[ab]"：表示一个字符串有一个"a"或"b"（相当于"a¦b"）；
"[a-d]"：表示一个字符串包含小写的'a'到'd'中的一个（相当于"a¦b¦c¦d"或者"[abcd]"）；
"^[a-zA-Z]"：表示一个以字母开头的字符串；
"[0-9]%"：表示一个百分号前有一位的数字；
",[a-zA-Z0-9]$"：表示一个字符串以一个逗号后面跟着一个字母或数字结束。
"^\d+$" //非负整数（正整数 + 0）
"^[0-9]*[1-9][0-9]*$" //正整数
"^((-\d+)|(0+))$" //非正整数（负整数 + 0）
"^-[0-9]*[1-9][0-9]*$" //负整数
"^-?\d+$" //整数
"^\d+(\.\d+)?$" //非负浮点数（正浮点数 + 0）
"^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$" //正浮点数
"^((-\d+(\.\d+)?)|(0+(\.0+)?))$" //非正浮点数（负浮点数 + 0）
"^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$" //负浮点数
"^(-?\d+)(\.\d+)?$" //浮点数
"^[A-Za-z]+$" //由26个英文字母组成的字符串
"^[A-Z]+$" //由26个英文字母的大写组成的字符串
"^[a-z]+$" //由26个英文字母的小写组成的字符串
"^[A-Za-z0-9]+$" //由数字和26个英文字母组成的字符串
"^\w+$" //由数字、26个英文字母或者下划线组成的字符串
"^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$" //email地址
"^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$" //url
/^(d{2}|d{4})-((0([1-9]{1}))|(1[1|2]))-(([0-2]([1-9]{1}))|(3[0|1]))$/ // 年-月-日
/^((0([1-9]{1}))|(1[1|2]))/(([0-2]([1-9]{1}))|(3[0|1]))/(d{2}|d{4})$/ // 月/日/年
"^([w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$" //Emil
"(d+-)?(d{4}-?d{7}|d{3}-?d{8}|^d{7,8})(-d+)?" //电话号码
"^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])$" //IP地址
^([0-9A-F]{2})(-[0-9A-F]{2}){5}$ //MAC地址的正则表达式
^[-+]?\d+(\.\d+)?$ //值类型正则表达式
"^\\d+$" //非负整数（正整数 + 0）
"^[0-9]*[1-9][0-9]*$" //正整数
"^((-\\d+)|(0+))$" //非正整数（负整数 + 0）
"^-[0-9]*[1-9][0-9]*$" //负整数
"^-?\\d+$" //整数
"^\\d+(\\.\\d+)?$" //非负浮点数（正浮点数 + 0）
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$" //正浮点数
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$" //非正浮点数（负浮点数 + 0）
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$" //负浮点数
"^(-?\\d+)(\\.\\d+)?$" //浮点数
"^[A-Za-z]+$" //由26个英文字母组成的字符串
"^[A-Z]+$" //由26个英文字母的大写组成的字符串
"^[a-z]+$" //由26个英文字母的小写组成的字符串
"^[A-Za-z0-9]+$" //由数字和26个英文字母组成的字符串
"^\\w+$" //由数字、26个英文字母或者下划线组成的字符串
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$" //email地址
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$" //url
2.正则表达式验证控制文本框的输入字符类型
1.只能输入数字和英文的：
<input onkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" ID="Text1" NAME="Text1">
2.只能输入数字的：
<input onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" ID="Text2" NAME="Text2">
3.只能输入全角的：
<input onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))" ID="Text3" NAME="Text3">
4.只能输入汉字的：
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" ID="Text4" NAME="Text4">
3.正则表达式的应用实例通俗说明
*******************************************************************************
//校验是否全由数字组成
/^[0-9]{1,20}$/
^ 表示打头的字符要匹配紧跟^后面的规则
$ 表示打头的字符要匹配紧靠$前面的规则
[ ] 中的内容是可选字符集
[0-9] 表示要求字符范围在0-9之间
{1,20}表示数字字符串长度合法为1到20，即为[0-9]中的字符出现次数的范围是1到20次。
/^ 和 $/成对使用应该是表示要求整个字符串完全匹配定义的规则，而不是只匹配字符串中的一个子串。
*******************************************************************************
//校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/
^[a-zA-Z]{1} 表示第一个字符要求是字母。
([a-zA-Z0-9]|[._]){4,19} 表示从第二位开始（因为它紧跟在上个表达式后面）的一个长度为4到9位的字符串，它要求是由大小写字母、数字或者特殊字符集[._]组成。
*******************************************************************************
//校验用户姓名：只能输入1-30个以字母开头的字串
/^[a-zA-Z]{1,30}$/
*******************************************************************************
//校验密码：只能输入6-20个字母、数字、下划线
/^(\w){6,20}$/
\w：用于匹配字母，数字或下划线字符
*******************************************************************************
//校验普通电话、传真号码：可以“+”或数字开头，可含有“-” 和 “ ”
/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/
\d：用于匹配从0到9的数字；
“?”元字符规定其前导对象必须在目标对象中连续出现零次或一次
可以匹配的字符串如：+123 -999 999 ； +123-999 999 ；123 999 999 ；+123 999999等
*******************************************************************************
//校验URL
/^http[s]{0,1}:\/\/.+$/ 或 /^http[s]{0,1}:\/\/.{1,n}$/ (表示url串的长度为length(“https://”) + n )
\ / ：表示字符“/”。
. 表示所有字符的集
+ 等同于{1,}，就是1到正无穷吧。
*******************************************************************************
//校验纯中文字符
/^[\u4E00-\u9FA5]+$/
[\u4E00-\u9FA5] ：估计是中文字符集的范围吧
以上表达式均在下面的javascript中测试通过
<html>
<script language="JavaScript">
<!--
function regx(r,s)
{
if (r == null || r == ""){
return false;
}
var patrn= new RegExp(r);
if (patrn.exec(s))
return true
return false
}
-->
</script>
<body>
<form>
规则表达式 ： <input type="input" name="regxStr" value="" > (填写/ /之间的表达式)
<br>
校验字符串 ： <input type="input" name="str" value="" >
<input type="button" name="match" value="匹配" onClick="alert(regx(regxStr.value,str.value));">
</form>
</body>
</html>
1.2javascript正则表达式检验
//校验是否全由数字组成
function isDigit(s)
{
var patrn=/^[0-9]{1,20}$/;
if (!patrn.exec(s)) return false
return true
}
//校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
function isRegisterUserName(s)
{
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
if (!patrn.exec(s)) return false
return true
}
//校验用户姓名：只能输入1-30个以字母开头的字串
function isTrueName(s)
{
var patrn=/^[a-zA-Z]{1,30}$/;
if (!patrn.exec(s)) return false
return true
}
//校验密码：只能输入6-20个字母、数字、下划线
function isPasswd(s)
{
var patrn=/^(\w){6,20}$/;
if (!patrn.exec(s)) return false
return true
}
//校验普通电话、传真号码：可以“+”开头，除数字外，可含有“-”
function isTel(s)
{
//var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/;
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
if (!patrn.exec(s)) return false
return true
}
//校验手机号码：必须以数字开头，除数字外，可含有“-”
function isMobil(s)
{
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
if (!patrn.exec(s)) return false
return true
}
//校验邮政编码
function isPostalCode(s)
{
//var patrn=/^[a-zA-Z0-9]{3,12}$/;
var patrn=/^[a-zA-Z0-9 ]{3,12}$/;
if (!patrn.exec(s)) return false
return true
}
//校验搜索关键字
function isSearch(s)
{
var patrn=/^[^`~!@#$%^&*()+=|\\\][\]\{\}:;\'\,.<>/?]{1}[^`~!@$%^&()+=|\\\][\]\{\}:;\'\,.<>?]{0,19}$/;
if (!patrn.exec(s)) return false
return true
}
function isIP(s) //by zergling
{
var patrn=/^[0-9.]{1,20}$/;
if (!patrn.exec(s)) return false
return true
}
浙公网安备 33010602011771号