JavaScript ¿ò¼Ü±È½Ï
JavaScript ¿ò¼Ü±È½Ï
ÏÔÖøÔöÇ¿ JavaScript ¿ª·¢µÄ¿ò¼Ü¸ÅÀÀ
Joe Lennon, Èí¼þ¿ª·¢ÈËÔ±, ×ÔÓÉÖ°ÒµÕß
¼ò½é£º ÏÖ´ú Web Õ¾µãºÍ Web Ó¦ÓóÌÐòÇãÏòÓÚÒÀÀµ´óÁ¿¿Í»§¶Ë JavaScript À´Ìṩ·á¸»µÄ½»»¥¹¦ÄÜ£¬ÓÈÆäÊÇÒì²½ HTTP ÇëÇóµÄ³öÏÖʹµÃ²»Ë¢ÐÂÒ³Ãæ¾Í¿ÉÒÔ´Ó·þÎñÆ÷¶Ë½Å±¾»òÊý¾Ý¿âϵͳ·µ»ØÊý¾Ý»òÏìÓ¦¡£ÔÚ±¾ÎÄÖУ¬Äú½«Á˽âÈçºÎͨ¹ý JavaScript ¿ò¼Ü¸üÇáËÉ¡¢¸ü¿ìËٵش´½¨¾ßÓи߶Ƚ»»¥ÐÔºÍÏìÓ¦Ð﵀ Web Õ¾µãºÍ Web Ó¦ÓóÌÐò¡£
¼ò½é
JavaScript ÊÇÃæÏò¶ÔÏóµÄ½Å±¾ÓïÑÔ£¬³¤ÆÚÒÔÀ´ÓÃ×÷ Web ä¯ÀÀÆ÷Ó¦ÓóÌÐòµÄ¿Í»§¶Ë½Å±¾½Ó¿Ú¡£JavaScript Èà Web ¿ª·¢ÈËÔ±ÄÜÒÔ±à³Ì·½Ê½´¦Àí Web Ò³ÃæÉϵĶÔÏ󣬲¢ÌṩÁËÒ»¸öÄܹ»¶¯Ì¬²Ù×÷ÕâЩ¶ÔÏóµÄƽ̨¡£ÔÚ×î³õÒýÈë JavaScript ʱ£¬Í¨³£Ö»ÓÃÓÚÌṩ Web Ò³ÃæÉϵÄһЩ²»ÖØÒªµÄÌØÐÔ£¬ÈçʱÖÓ¹¦ÄܺÍä¯ÀÀÆ÷״̬À¸ÖеĹö¶¯Îı¾µÈ¡£ÁíÒ»¸ö³£¼ûµÄÌØÐÔÊÇ “rollover link”£¬¾ÍÊǵ±Óû§½«Êó±êÒÆµ½Í¼Æ¬»òÎı¾Á´½ÓÉÏʱ£¬Í¼Æ¬»òÎı¾Á´½ÓµÄÑÕÉ«»á¸Ä±ä¡£È»¶ø£¬½üÄêÀ´£¬Ëæ×Å Asynchronous JavaScript and XML (Ajax) ¸ÅÄ»ùÓÚ Web µÄ±à³ÌµÄ½»»¥ÐÔÌáÉýµ½Ò»¸öи߶ȣ¬JavaScript Ò²±äµÃÔ½À´Ô½ÖØÒª¡£ÔÚ³öÏÖ Ajax ֮ǰ£¬ËùÓзþÎñÆ÷¶Ë´¦Àí»òÊý¾Ý¿â·ÃÎʶ¼ÐèÒª “ˢД Õû¸öÒ³Ãæ»òͨ¹ýä¯ÀÀÆ÷³ÊÏÖÒ»¸öÐÂÒ³Ãæ¡£Õâ²»½ö¼õÂýÁËËٶȲ¢Ê¹Óû§¸Ðµ½¾ÚÉ¥£¬¶øÇÒ»¹ÀË·Ñ´ø¿íºÍ×ÊÔ´¡£
Ajax ±íʾ Asynchronous JavaScript and XML£¬µ«Êǽ«Æä³ÆÎª XML ÒѲ»ÔÙºÏÊÊ£¬ÒòΪ Ajax ÇëÇó¿ÉÒÔ·µ»Ø¶àÖÖ¸ñʽµÄÏìÓ¦£¬¶ø²»ÏÞÓÚ XML£¬ÀýÈç JSON (JavaScript Object Notation)¡£Ajax µÄ¹¤×÷·½Ê½ÊÇÔÊÐí JavaScript Òì²½Ìá½» HTTP ÇëÇóµ½ Web ·þÎñÆ÷£¬²¢ÇÒÔÚ²»Ë¢Ð»ò³ÊÏÖÐÂÒ³ÃæµÄÇé¿öϳÊÏÖÏìÓ¦¡£Ïà·´£¬¿ª·¢ÈËԱͨ³£Ê¹Óà DOM (Document Object Model) ²Ù×÷À´Ð޸IJ¿·Ö Web Ò³Ãæ£¬ÏÔʾÆä±ä»¯»òÓÉ HTTP ÏìÓ¦·µ»ØµÄÊý¾Ý¡£
»ØÒ³Ê×
ʲôÊÇ JavaScript ¿ò¼Ü£¿
JavaScript ±¾Éí¾ÍÊÇÒ»ÖÖ¹¦ÄÜÇ¿´óµÄÓïÑÔ£¬Äú²»ÐèÒª¶îÍâµÄ¿ò¼Ü¾Í¿É´´½¨¸»»¥ÁªÍøÓ¦ÓóÌÐò£¨RIA£©¡£È»¶øÊ¹Óà JavaScript ²¢²»ÊǼþÈÝÒ×µÄÊ£¬Ö÷ÒªÊÇÓÉÓÚÖ§³Ö¶à¸ö Web ä¯ÀÀÆ÷²úÉúµÄ¸´ÔÓÐÔ¡£Óë HTML ºÍ CSSÒ»Ñù£¬²»Í¬µÄä¯ÀÀÆ÷Óв»Í¬µÄ JavaScript ʵÏÖ¡£Èà JavaScript ´úÂëʵÏÖ¿çä¯ÀÀÆ÷¼æÈݼòÖ±ÊǸöجÃΡ£
JavaScript ¿ò¼Ü»ò¿âÊÇÒ»×éÄÜÇáËÉÉú³É¿çä¯ÀÀÆ÷¼æÈÝµÄ JavaScript ´úÂëµÄ¹¤¾ßºÍº¯Êý¡£Ã¿Ò»¸ö¿â¶¼ÔÚÖÚ¶àÁ÷ÐÐµÄ Web ä¯ÀÀÆ÷µÄÏÖ´ú°æ±¾ÉϽøÐÐÁ˿ɿ¿µÄ²âÊÔ£¬Òò´Ë£¬Äú¿ÉÒÔ·ÅÐĵØÊ¹ÓÃÕâЩ¿ò¼Ü£¬ÄúµÄ»ùÓÚ JavaScrip
Ïà¹ØÎĵµ£º
±¾ÎÄÖ÷ÒªÊdzöÓÚÓÐÅóÓÑʹÓÃÎÒÔÀ´Ð´µÄautocompleteµÄJS¿Ø¼þ¡£µ±Êý¾ÝÁ¿´óµÄʱºò£¬»á³öÏÖЧÂʼ«ÆäÂýµÄÇé¿ö£¬ÎÒÔÚÕâ¶Îʱ¼ä×ö³öµÄһЩ²âÊÔÒ²¼°Ò»Ð©¾Ñ飬Óë´ó¼Ò·ÖÏí£¬Èç¹ûÓдíµÄµØ·½£¬»¹ÇëÖ¸³ö¡£
¾¹ý²âÊÔ£¬ÎÒÃǻᷢÏÖÈçϵÄÇé¿ö»òÕß˵µÄ½áÂÛ£¬Èç¹ûÄúµÄ²âÊÔ½á¹ûÓëÎҵIJ»·û£¬Çë˵Ã÷ÔÒò£¬ÒÔ±ãÏ໥ѧϰ¡£
1£©µ±Ò»¸ö½Ï´óµÄHTML×Ö· ......
ÃÜÂëÒѾÊÇÎÒÃÇÉú»î¹¤×÷Öбز»¿ÉÉٵŤ¾ß,µ«Ò»¸ö²»°²È«µÄÃÜÂëÓÐÓÖÓпÉÄÜ»á¸øÎÒÃÇÔì³É²»±ØÒªµÄËðʧ¡£×÷ÎªÍøÕ¾Éè¼ÆÕß,Èç¹ûÎÒÃÇÔÚÍøÒ³ÖÐÄܶÔÓû§ÊäÈëµÄÃÜÂë½øÐа²È«ÆÀ¹À,²¢ÏÔʾ³öÏàÓ¦µÄÌáʾÐÅÏ¢,ÄÇô¶ÔÓû§ÉèÖÃÒ»¸ö°²È«µÄÃÜÂ뽫Óкܴó°ïÖú¡£Í¬Ê±Ò²Ê¹µÃÍøÕ¾¸ü¾ßÈËÐÔ»¯,¸üÓÐÎüÒýÁ¦.
ʲôÊÇÒ»¸ö°²È«µÄÃÜÂëÄØ ......
ÕýÔò±í´ïʽ
RegExp(regexp, option)ÀàʵÏÖ,¿ÉÒÔ¼òд³É/regexp/option
option:
g: global, i: ignore case
·½·¨:string.test(regexp),
string.exec(regexp)[·µ»ØËùÓÐÆ¥ÅäµÄµØ·½], string.serch(regexp)[ÕýÔò°æµÄindexOf()],
string.replace(regexp, str|funtion), string.split(regexp)
¼òµ¥Ä£Ê½
Ôª×Ö·û:( [ {
......
JavaScriptÖеĶÔÏó
¹Ø¼ü´Ê£º JavaScript ¶ÔÏó ......
±äÁ¿µÄ×÷ÓÃÓòÖ¸µÄÊDZäÁ¿µÄ¿É¼ûÐÔ£¬¶øÉúÃüÖÜÆÚÔò£¨´æ»îÆÚ£©ÔòÊÇ´ÓÁíÒ»¸ö½Ç¶È¿¼²ì±äÁ¿¡£ jsÖбäÁ¿µÄ×÷ÓÃÓò·ÖΪȫ¾Ö±äÁ¿ºÍ¾Ö²¿±äÁ¿£¬º¯ÊýÄÚ¶¨ÒåµÄ³ÆÎª¾Ö²¿±äÁ¿£¬º¯ÊýÍâµÄ³ÆÎªÈ«¾Ö±äÁ¿¡££¨¡°º¯ÊýÍâµÄ³ÆÎªÈ«¾Ö±äÁ¿¡±ÊÇÏà¶ÔµÄ£¬Áí´Ë´¦ÌÖÂÛµÄǰÌáÊÇÓÃvarÏÔʽÉùÃ÷µÄ±äÁ¿£¬º¯ÊýÄÚ²»ÓÃvar¶¨ÒåµÄ±äÁ¿Ä¬ÈÏÊÇÈ«¾Ö±äÁ¿£¬µ±È»ºöÂÔvarÉùÃ÷± ......