10ÖÖAJAX/JavaScriptÌØÐ§ÊµÀýÈÃÄãµÄÍøÕ¾¸üÎüÒýÈË
½ñÌìµÄ»°ÌâÊÇÈçºÎ¸Ä½ø×Ô¼ºÍøÕ¾µÄ½çÃæ»òÌá¸ßÍøÕ¾µÄÊÓ¾õÌåÑ飬´Ó¶øÈÃÓû§¼ÇÒäÓÌС£
¡¡¡¡ÎÒÃÇÓÐÈýÖÖÖ÷ÒªµÄ·½·¨(´ÓÄѵ½Ò×):×Ô¼º¶¯ÊÖд½Å±¾;ʹÓÃÀàËÆÓÚjQueryºÍmooToolsµÄJavaScript¿ò¼Ü(¿ÉÒÔÈñàд´úÂë±äµÃ¸üÈÝÒ×Щ);ʹÓÃÄܹ¤×÷ÓÚÏÖÓеÄJavaScript¿ò¼ÜϵÄÌáǰԤÖúõĽű¾»òÄÇÖÖ´ÓÍ·¿ªÊ¼¿ª·¢µÄ´´½¨Õß¡£ÕâÆªÎÄÕÂÊʺÏÄÇЩ´òËãÌá¸ß¹¤×÷ЧÂÊ»ò²»Ô¸Òâ´ÓÍ·¿ª·¢½Å±¾µÄÈËÔĶÁ¡£
¡¡¡¡ÕâÀïÊÕ¼¯ÁË10ÖÖÇ¿´óµÄÇÒÈÝÒ×ÉÏÊÖµÄJavaScriptÌØÐ§À´¸Ä½øÄúµÄÍøÒ³Õ¾½çÃæ£¬´Ó¶øµÃµ½¸ü¶àµÄÓû§ÌåÑé¡£Õâ10ÖÖjavaScriptÌØÐ§»ØÎ¶ÄãµÄÍøÕ¾´øÀ´ÒâÏë²»µ½µÄÊÓ¾õÊ¢Ñ磬¶øÇÒ°²×°ºÍʹÓö¼±È½ÏÈÝÒס£
1.GreyBox
¡¡¡¡GreyBox ÔÊÐíÄãÒÔģʽ´°¿ÚµÄÐÎʽÔËÐÐÆäËüÍøÕ¾(ÀàËÆÓÚµ¯³öʽ´°¿Ú£¬µ«ÓÖ²»ÔËÐÐеÄä¯ÀÀÆ÷´°¿Ú).Èç¹ûÄãµÄÍøÕ¾ÉÏÓÐһЩÆäËûÍøÕ¾µÄµ¼³öÁ´½Ó£¬µ«ÄãÓÖ²»ÏëÈÃÄãµÄÓû§À뿪ÄãµÄÍøÕ¾»ò²»ÏëÈÃËûÃÇ´ò¿ªÁíÒ»¸öä¯ÀÀÆ÷´°¿ÚµÄ»°£¬ÕâÕæµÄÊÇÒ»¸öºÜºÃµÄ½â¾ö·½°¸¡£Ê¹ÓÃGreyBox ·Ç³£¼òµ¥¡£
¡¡¡¡ÕâÀïÊǹØÓÚGreyBoxµÄ¹Ø¼üÒ³Ãæ:ÏÂÔØÒ³Ãæ, ˵Ã÷Ò³Ãæ, ʵÀý, °²×°,ºÍ ¸ß¼¶Ó÷¨(Èç¹ûÄãÊÇJavaScript¸ßÊÖ£¬¿´ÍêÕâ¸öÒ³ÃæÖеÄһЩ¼¼ÇÉ˵Ã÷£¬Äã¾ÍÄÜÀ©Õ¹ËüµÄº¯Êý¿âÁË)
2.instant.js
¡¡¡¡instant.js ÌØÐ§»áΪÄãµÄÕÕÆ¬¶¯Ì¬Ìí¼ÓÀàËÆÆ«Õñ(Polaroid-like)µÄЧ¹û(½«ÕÕÆ¬Çãб²¢Ìí¼ÓÒõÓ°ºÍ±ß¿ò)¡£ÏÖÔÚÎÒÃÇ¿ÉÒÔʹÓÃÕâ¸öÕÕÆ¬ÌØÐ§Ä£ÄâPhotoshopµÄÊýÂëÕÕÆ¬´¦ÀíÁË¡£
¡¡¡¡Õâ¸ö½Å±¾¼¼Êõ¿ÉÒÔÓÃÓÚÔÚÄãµÄÍøÕ¾ÉÏÓкܶàÕÕÆ¬£¬µ«ÓÖ²»ÏëÒ»¸ö¸öÊÖ¶¯´¦ÀíµÄÇé¿ö¡££¨Ò²ÐíÄã»áʹÓÃÅúÁ¿´¦Àí£¬µ«ÄÇÖ»Êǽ¨Á¢ÓÚµ¥Ò»µÄ¶¯×÷ϵģ¬Èçµ÷Õû³ß´ç¡¢²Ã¼ôµÈ…£©
3.mooTable
¡¡¡¡mooTableÔÊÐíÄãΪ±í¸ñÖеÄÊý¾Ý½øÐÐÅÅÐò(²»ÓÃË¢ÐÂÒ³Ãæ)£¬ÀûÓÃDOMÌæ´úÊý¾Ý¿âµÄÇëÇóµÄÐÂʽÅÅÐò·½·¨¡£Ê¹Óüòµ¥£¬½öÐèÇá΢µÄÅäÖü´¿É¡£
¡¡¡¡Õâ¸ö½Å±¾¿âÐèÒªmooTools¿ò¼ÜµÄÖ§³Ö£¬Äã¿ÉÒÔÔÚÕâÀïÏÂÔØ¡£Ä㻹¿ÉÒÔÔÚÂÛ̳ÖеÄmootools°å¿éѰÕÒһЩ´´½¨mooTableµÄ·½·¨£¬»áÓкܶàmootools¿ª·¢Õߵķ´À¡¡£
4.FancyForm
¡¡¡¡FancyForm ¿ÉÒÔÈ¡´úµ¥µ÷·¦Î¶µÄ±íµ¥¿Ø¼þÈ絥ѡ°´Å¥ºÍ¸´Ñ¡¿ò¡£»ù±¾µÄʹÓýöÐèÁ½²½:(1)ÔÚÒ³ÃæÖе÷ÓÃJavaScriptÎļþ (2)ΪÄãµÄ±íµ¥¿Ø¼þÖ¸¶¨ÀàÃû£¬È縴ѡ¿òÖ¸¶¨class=”checked” »ò class=”unchecked”£¬µ¥Ñ¡¿òÖ¸¶¨class=”selected” ºÍ class=”unselected”¡£·Ç³£²»ÏÔÑÛµÄjavaScript.
¡¡¡¡¸Ã½Å±¾ÐèÒªmootoolsµÄÖ§³Ö(°æ±¾1.1)
5.image menu
¡¡¡¡image menu,ʹÓÃphatfusion¿ª·¢¶ø³É¡£·Ç³£Æ¯ÁÁµÄºáÏò²Ëµ¥
Ïà¹ØÎĵµ£º
½â¾öAjax´«ËÍÖÐÎĻᵼÖÂÂÒÂëµÄÎÊÌâ
//Èç¹û´«ËͲÎÊýÊÇÖ±½Ó¸³ÓèµÄ£¬¾Í»á²úÉúÂÒÂë!
http_request.open("POST",url,true);
http_request.setRequestHeader('Content-Type',
'application/x-www-form-urlencoded');
http_request.send("action="+strName+"&val="+val);
......
javascriptÖдæÔÚ¼¸ÖÖ¶ÔURL×Ö·û´®½øÐбàÂëµÄ·½·¨£ºescape()£¬encodeURI()£¬ÒÔ¼°encodeURIComponent()¡£Õ⼸ÖÖ±àÂëËùÆðµÄ×÷Óø÷²»Ïàͬ¡£
escape() ·½·¨£º
²ÉÓÃISO Latin×Ö·û¼¯¶ÔÖ¸¶¨µÄ×Ö·û´®½øÐбàÂë¡£ËùÓеĿոñ·û¡¢±êµã·ûºÅ¡¢ÌØÊâ×Ö·ûÒÔ¼°ÆäËû·ÇASCII×Ö·û¶¼½«±»×ª»¯³É%xx¸ñʽµÄ×Ö·û±àÂ루xxµÈÓÚ¸Ã×Ö·ûÔÚ×Ö·û¼¯±í ......
javascript£º»ù´¡ÖªÊ¶
1 ´´½¨½Å±¾¿é
1: <script language=”javascript”>
2: javascript code goes here
3: </script>
2 Òþ²Ø½Å±¾´úÂë
1: <script language=”javascript”>
2: <!--
3: document.write(“Hello”);
4: // -->
5: </script>
ÔÚ ......
1.document.write(""); Êä³öÓï¾ä
2.JSÖеÄ×¢ÊÍΪ//
3.´«Í³µÄHTMLÎĵµË³ÐòÊÇ:document->html->(head,body)
4.Ò»¸öä¯ÀÀÆ÷´°¿ÚÖеÄDOM˳ÐòÊÇ:window->(navigator,screen,history,location,document)
5.µÃµ½±íµ¥ÖÐÔªËØµÄÃû³ÆºÍÖµ:document.getElementById("±íµ¥ÖÐÔªËØµÄID號").name(»òvalue)
6.Ò»¸öСдת´ ......
µ± jQuery ÔÚ2006Äê1ÔÂÏÖÉíʱ£¬¸øÎҵĵÚÒ»Ó¡Ïó£¬ÊÇÕâÍæÒâ¶ù¹¹ÔìµÃºÜ¾«Ã÷¡£»ùÓÚCSSÑ¡ÔñÆ÷£¨CSS selectors£©À´´òµãÒ»ÇУ¬Æä˼·Ï൱ÁéÇÉ£¨²Î¿¼getElementsBySelector£©¡£µ«Á´ºÐ¹¤Ê£¨chaining stuff£©¿´ÆðÀ´¸üÏñ¸öàåÍ·£¬²¢ÇÒÕûÌå¿´À´£¬jQuery¿âÌṩµÄ¹¦Äܲ¢²»Äܸ²¸ÇËùÓлù´¡ÐԵĶ«Î÷¡£Òò´ËÎҶ϶¨£¬jQueryÖ»»áê¼»¨Ò»ÏÖ¡£
¼¸¸ö ......