JavaScript ÓÃÓÚģʽƥÅäµÄ RegExp ·½·¨
±¾ÆªÈÕÖ¾ÏÈÖ÷ÒªÌÖÂÛ RegExp ¶ÔÏóµÄ²¿·Ö·½·¨£¬RegExp ¶ÔÏó¶¨ÒåÁËÁ½¸öÓÃÓÚģʽƥÅäµÄ·½·¨£¬ËüÃÇÊÇexec()
ºÍtest()
ÏÂÃæÎÒÃÇÖðÒ»½øÐн²½â
¡£ºÇ£¬ºÍÉÏÆªÈÕÖ¾Ò»ÑùµÄ½éÉÜ£¬¿´À´Ì×»°£¬¹ûÈ»ÊÊÓÃÓÚ¶à¸ö³¡ºÏ¡£àÅ¡£
exec() ¼ìË÷×Ö·û´®ÖеÄÖ¸¶¨Öµ£¬·µ»ØÖµÊDZ»ÕÒµ½µÄÖµ£¬Èç¹ûûÓз¢ÏÖÆ¥Å䣬Ôò·µ»Ø null£º
Ö÷ÒªµÄRegExpģʽƥÅä·½·¨ÊÇexec()£¬ÆäÓëÉÏһƪ½éÉܵÄString¶ÔÏóµÄmatch·½·¨ÏàËÆ£¬Ö»²»¹ýËüÊÇÒÔ×Ö·û´®Îª²ÎÊýµÄRegExp·½·¨£¬¶ø²»ÊÇÒÔRegExp¶ÔÏóΪ²ÎÊýµÄ×Ö·û´®·½·¨¡£ºô£¬ÕâÒ»¾äÓеãÏñÈÆ¿ÚÁû°ì·¨£¬ÊéÉϵÄÔ»°£¬³¹ýÀ´Èôó¼ÒÀÖÒ»ÀÖ£¬ºÇ¡£exec()·½·¨ÔÚÒ»¸ö×Ö·û´®ÖмìË÷Æ¥Å䣬Èç¹ûûÓÐÕÒµ½ÈÎºÎÆ¥Åä·µ»Ønull£¬Èç¹ûËüÕÒµ½ÁËÒ»¸öÆ¥Å䣬½«·µ»ØÒ»¸öÊý×é¡£
¾ÍÏñ·½·¨match()Ϊ·ÇÈ«¾Ö¼ìË÷·µ»ØµÄÊý×éÒ»Ñù¡£Õâ¸öÊý×éµÄÔªËØ0°üº¬µÄÊÇÓëÕýÔò±í´ïʽÏàÆ¥ÅäµÄ×Ö·û´®£¬ÓàϵÄËùÓÐÔªËØ°üº¬µÄÊÇÓë×Ó±í´ïʽÏàÆ¥ÅäµÄ×Ó´®£¬¶øÇÒÊôÐÔindex°üº¬ÁËÆ¥Åä·¢ÉúµÄ×Ö·ûµÄλÖã¬ÊôÐÔinputÒýÓõÄÊDZ»¼ìË÷µÄ×Ö·û´®¡£
/*
i is 0 http://www.xiaoxiaozi.com/index.php
i is 1 http
i is 2 www.xiaoxiaozi.com
i is 3 index.php
i is index 11
i is input my home is http://www.xiaoxiaozi.com/index.php
*/
var
str =
'my home is http://www.xiaoxiaozi.com/index.php'
;
var
pattern =
/(\w+):\/\/([\w.]+)\/(\S*)/
;
//var result = str.match(pattern);
var
result =
pattern.exec
(
str)
;
for
(
i in
result)
{
document.write
(
"i is "
+
i+
" "
+
result[
i]
+
"<br/>"
)
;
}
Óëmatch()·½·¨²»Í¬µÄÊÇ£¬exec()·µ»ØµÄÊý×éÀàÐͲ»Í¬£¬ÎÞÂÛ¸ÃÕýÔò±í´ïʽÊÇ·ñº¬ÓÐÈ«¾ÖÊôÐÔg¡£ÒòΪµ±º¬ÓÐÈ«¾ÖÊôÐÔgµÄʱ
ºò£¬match()·½·¨·µ»ØµÄÊÇÒ»¸öÆ¥ÅäµÄÊý×飬¶øµ÷ÓÃexec()·½·¨µÄRegExpÓÐÒ»¸ölastIndexÊôÐÔ£¬Ëü½«°Ñ¸Ã¶ÔÏóµÄlastIndex
ÊôÐÔÉèÖõ½½ô½Ó×ÅÆ¥Åä×Ó´®µÄ×Ö·ûλÖá£
µ±Í¬Ò»¸öRegExp¶ÔÏóµÚ¶þ´Îµ÷ÓÃexec()ʱ£¬Ëü½«´ÓlastIndexÊôÐÔËùָʾµÄ×Ö·û´¦¿ªÊ¼¼ìË÷£¬Èç¹ûexec()ûÓз¢ÏÖÈÎºÎÆ¥Å䣬Ëü
»á½«lastIndexÊôÐÔÖØÎ§Îª0£¬(ÔÚÈκÎʱºòÄã¶¼¿ÉÒÔ½«lastIndexÊôÐÔÉèΪ0£¬Ã¿µ±ÄãÔÚÒ»¸ö×Ö·û´®ÖÐÕÒµ½×îºóÒ»¸öÆ¥Åä֮ǰ¾Í¿ªÊ¼ÓÃͬһ¸ö
RegExp¶ÔÏóÀ´¼ìË÷ÁíÒ»¸ö×Ö·û´®£¬¶ø·ÅÆúÁËÔÀ´µÄ¼ìË÷µÄʱºò¾Í·½·¨Ó¦¸ÃÕâÑù×ö)¡£ÕâÒ»ÌØÊâµÄÐÐΪʹ
Ïà¹ØÎĵµ£º
Ô´´úÂëÈçÏ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>ÑéÖ¤ÓÊÏ䵨ַºÏ·¨ÐÔ</title>
<sc ......
//°ÑÊý¾ÝдÈëÊý¾Ý¿â
function
res(){
//»ñÈ¡ÊäÈëÖµ(mynameºÍmymailÊÇÁ½¸öÎı¾¿òµÄid)
var
uname = document.getElementById("myname"
).value;
var
umail = document.getElementById("mymail"
).value;
......
ÄãÖªµÀÊÀ½çÉÏÓжàÉÙÖÖä¯ÀÀÆ÷Â𣿳ýÁËÎÒÃÇÊìÖªµÄIE, Firefox, Opera, SafariËÄ´óä¯ÀÀÆ÷Ö®Í⣬ÊÀ½çÉÏ»¹Óнü°ÙÖÖä¯ÀÀÆ÷¡£
¼¸Ììǰ£¬ä¯ÀÀÆ÷¼Ò×åÓиյ®ÉúÁËһλСÍõ×Ó£¬¾ÍÊÇGoogleÍÆ³öµÄChromeä¯ÀÀÆ÷¡£ÓÉÓÚChrome³öÉúÃûÃÅ£¬¾¡¹ÜËû»¹ÊǸöС¼Ò»ï£¬Ã»ÓÐÈ˸ÒС ......
ʵÀýЧ¹û
Ô¤ÀÀЧ¹û1£º
ÕâÊÇÒ»¸öÑÕÉ«Ìݶȱ仯ÑÝʾ£º
Ô¤ÀÀЧ¹û2£º
Ò»¸öÑÕÉ«½¥±äµÄ²Ëµ¥£º
Cropper
Tween
Slider
Resize
Drag
Ô¤ÀÀЧ¹û3£º
ÑÕÉ«½¥±äµÄÓÐȤӦÓ㬵ã»÷Ëæ»úÑÕÉ«½¥±ä£º
µã»÷Ëæ»ú»»ÑÕÉ«
³ÌÐò˵Ã÷
¡¾ColorGradsÑÕÉ«Ìݶȡ¿
³ÌÐòColorGradsµÄ×÷ÓÃÊÇͨ¹ýStartColorºÍEndColorÉú³ÉÑÕÉ«Ìݶȼ¯ºÏ¡£
ÑÕÉ«¶¼¿ ......
1.¿ÉÒÔͨ¹ýprototypeÊôÐÔ£¬ÊµÏּ̳з½·¨µÄ·½Ê½£¬ÕâÖÖ·½Ê½¾ÍÊÇjavaÓïÑÔÖм̳еı任ÐÎʽ¡£
// Create the constructor for a Person object
function Person( name ) {
this.name = name;
}
// Add a new method to the Person object
Person.prototype.getName = function() {
  ......