JavaScriptʼþ·ÖÀࣺ
1¡¢²¶»ñÐÍ£¨IE²»Ö§³Ö£©£¨´ÓDOM½á¹¹µÄ×î¶¥¶Ë¿ªÊ¼ÏòÏÂÑÓÉ죩
2¡¢Ã°ÅÝÐÍ£¨´ÓDOM½á¹¹µÄ×îµÍ¶ËÏòÉÏÒ»¼¶¼¶ÑÓÉ죩
¡¾IE7ÒÔÉÏ¿ÉÒÔ¸ø‘html’Ìí¼Óonclickʼþ£¬IEÖÐbody->html£¬»ðºüÖÐhtml->body¡¿
JavaScriptÌí¼Óʼþ¼àÌý£º
1¡¢IE£º
[object].attachEvent("event_handler", fnHandler);
[object].detachEvent("event_handler", fnHandler);
µ±Ìí¼Ó¶à¸öʼþ¼àÌýº¯Êýʱ£¬ºóÌí¼ÓµÄÏȵ÷Ó㬵«²¢·ÇÑϸñÉϵÄÏȺó˳Ðò¡£
2¡¢±ê×¼DOMµÄ¼àÌý·½·¨
[object].addEventListener("event_name", fnHandler, bCapture);
[object].removeEventListener("event_name", fnHandler, bCapture);
µ±Ìí¼Ó¶à¸öʼþ¼àÌýº¯Êýʱ£¬ÏÈÌí¼ÓµÄÏȵ÷Ó㬶øÇÒÑϸñ°´ÏȺó˳ÐòÖ´ÐС£
JavaScriptʼþ¶ÔÏó
ÔÚIE ä¯ÀÀÆ÷ÖÐʼþ¶ÔÏóÊÇwindow ¶ÔÏóµÄÒ»¸öÊôÐÔevent£¬·ÃÎÊʱͨ³£²ÉÓÃÈçÏ·½·¨¡£
oP.onclick = function(){
var oEvent = window.event;
}
¾¡¹ÜËüÊÇwindow ¶ÔÏóµÄÊôÐÔ£¬µ«event ¶ÔÏó»¹ÊÇÖ»ÄÜÔÚʼþ·¢Éúʱ±»·ÃÎÊ£¬ËùÓеÄʼþ´¦Àíº¯ÊýÖ´ÐÐÍêÖ®ºó£¬¸Ã¶ÔÏó¾ÍÏûʧÁË¡£
¶ø±ê×¼µÄDOM Öй涨event ¶ÔÏó±ØÐë×÷ΪΩһµÄ²ÎÊý´«¸øÊ¼þ´¦Àíº¯Êý£¬Òò´ËÔÚÀàËÆFirefox ä¯ÀÀÆ÷Öз ......
°æÈ¨ÉùÃ÷
£º¿ÉÒÔÈÎÒâ×ªÔØ£¬µ«×ªÔØÊ±±ØÐë±êÃ÷Ô×÷Õßcharlee¡¢ÔʼÁ´½Óhttp://tech.idv2.com/2006/11/23/javascript-strreplace-benchmark/
ÒÔ¼°±¾ÉùÃ÷¡£
¸ÐлClearΪÎÒÃÇÌṩÁËÕâ¸öЧÂʸü¸ßµÄ×Ö·û´®Ìæ»»º¯Êý
¡£ÕâÊǾ³£Ê¹ÓõÄHTMLÌØÊâ×Ö·ûÌæ»»º¯Êý£¬¼´½« &¡¢<¡¢>¡¢" µÈº¯ÊýÌæ»»³É &¡¢<¡¢>¡¢"¡£Í¨³£µÄ×÷·¨¶¼ÊÇÁ¬ÐøÊ¹ÓÃÊý¸ö replace º¯Êý£¬¶øClear½öʹÓÃÒ»¸ö replace ¾ÍÍê³ÉÁËÌæ»»¡£
ÎÒ¶ÔÕâÁ½¸öº¯Êý×÷ÁËbenchmark£¬·¢ÏÖк¯ÊýµÄЧÂÊԼΪԺ¯ÊýµÄ1.4±¶¡£ËäȻûÓÐÔ¤ÏëÖÐÄÇô¸ßЧÂÊ£¬µ«µ±ÒªÌæ»»µÄ×Ö·û´®¸ü¶àʱ£¬Ð§ÂÊÓ¦¸Ã»áÌá¸ß°É¡£
²âÊÔ·½·¨Îª£¬¶ÔÒ»¸ö2048×Ö½Ú³¤µÄ×Ö·û´®·Ö±ðÖ´ÐÐÁ½¸öº¯Êý100´Î£¬È¡ÆäÖ´ÐÐʱ¼ä¡£ÏÂÃæÎª10´Î²âÊԵĽá¹û¡£toTXT_1 Ϊͨ³£µÄ×÷·¨£¬toTXT_2 ΪClearµÄ·½·¨¡£
toTXT_1(ms)
toTXT_2(ms)
toTXT_1/toTXT_2
1609
1204
75%
2250
1547
69%
1672
1313
79%
1813
1250
69%
1844
1219
66%
2063
1421
69%
2031
1172
58%
1797
1360
76%
2015
1281
64%
1860
1500
81%
²âÊÔ´úÂ룺
<html>
<head>
<mce:script type="text/javascript"><!--
function toTXT_1(str) ......
Êý×éÊÇÎÒ´Óѧϰ±à³ÌÒÔÀ´´ò½»µÀ×î¶àµÄÒ»ÖÖÊý¾ÝÀàÐÍ£¬Æäʵ˵°×ÁË£¬Êý×éÎ޷ǾÍÊÇkey value¶Ô¡£»¹¼ÇµÃ¸Õ²Î¼Ó¹¤×÷Äǻᣬһ¸öphpµÄforeachÑ»·¾Í²îµã¸ãµÃÎÒÍÂѪ£¬ÏÖÔÚ»ØÍ·ÏëÏ룬µ±Ê±×Ô¼ºÕæ¹»±¿µÄ¡£
Êý×é(array)ÊÇÒ»ÖÖÊý¾ÝÀàÐÍ£¬Ëü°üº¬»òÕß´æ´¢Á˱àÂëµÄÖµ£¬Ã¿¸ö±àÂëµÄÖµ³Æ×÷¸ÃÊý×éµÄÒ»¸öÔªËØ(element),ÿ¸öÔªËØµÄ±àÂë±»³Æ×÷ϱê(index)¡£
JavaScriptÊÇÉñÆæµÄ½Å±¾ÓïÑÔ£¬ÒòΪÆäÊÇÒ»ÖÖÎÞÀàÐÍÓïÑÔ£¬ËùÒÔÒ»¸öÊý×éÔªËØ¿ÉÒÔ¾ßÓÐÈÎÒâµÄÊý¾ÝÀàÐÍ£¬Í¬Ò»Êý×éµÄ²»Í¬ÔªËØÒ²¿ÉÒÔ¾ßÓв»Í¬µÄÀàÐÍ£¬ÕâÏÔÈ»ÈÃCÓïÑÔ¸ßÊÖÃÇÍÂѪÈýÉý¡£
JavaScript Êý×éµÄ´´½¨
ÔÚJavaScriptÖУ¬Ò»¹²ÓÐÈçÏ´´½¨Êý×éµÄ·½·¨£º
1. ÓÃÊý×é¶ÔÏóµÄ¹¹Ô캯ÊýArray()£¬Ïñ´´½¨¶ÔÏóÒ»Ñù(ʵ¼ÊÉϾÍÊǶÔÏó)ÓÃnew²Ù×÷·û½øÐÐʵÀý»¯Êý×é¶ÔÏó¡£
Óô˷½Ê½´´½¨µÄÊÇÒ»¸öûÓÐÔªËØµÄÊý×é£¬ÔªËØÊýÁ¿Îª¿Õ
//´´½¨Ò»¸ö¿ÕÊý×é
var arr = new Array();
//Æä³¤¶ÈΪ——0
alert(arr.length);
2. ʹÓù¹Ô캯ÊýArray()¿ÉÒÔÖ±½ÓÃ÷È·µÄÖ¸¶¨Êý×éµÄǰnÎ»ÔªËØ¡£
ÓÃÕâÖÖ·½Ê½´´½¨µÄÊý×鳤¶ÈΪn£¬Êý×éµÄϱêÊÇ´Ó0µ½n-1
//´´½¨Ò»¸öÊý×飬ǰÆßλ·Ö±ðΪ'a','b','c','d',1,2,3
var arr = new Array('a','b','c','d',1,2,3);
//Êý×éµÄ³¤¶ÈΪ7
......
½ñÌìµÄ»°ÌâÊÇÈçºÎ¸Ä½ø×Ô¼ºÍøÕ¾µÄ½çÃæ»òÌá¸ßÍøÕ¾µÄÊÓ¾õÌåÑ飬´Ó¶øÈÃÓû§¼ÇÒäÓÌС£
¡¡¡¡ÎÒÃÇÓÐÈýÖÖÖ÷ÒªµÄ·½·¨(´ÓÄѵ½Ò×):×Ô¼º¶¯ÊÖд½Å±¾;ʹÓÃÀàËÆÓÚjQueryºÍmooToolsµÄJavaScript¿ò¼Ü(¿ÉÒÔÈñàд´úÂë±ä
µÃ¸üÈÝÒ×Щ);ʹÓÃÄܹ¤×÷ÓÚÏÖÓеÄJavaScript¿ò¼ÜϵÄÌáǰԤÖúõĽű¾»òÄÇÖÖ´ÓÍ·¿ªÊ¼¿ª·¢µÄ´´½¨Õß¡£ÕâÆªÎÄÕÂÊʺÏÄÇЩ´òËãÌá¸ß¹¤×÷ЧÂÊ»ò²»Ô¸Òâ
´ÓÍ·¿ª·¢½Å±¾µÄÈËÔĶÁ¡£
¡¡¡¡ÕâÀïÊÕ¼¯ÁË10ÖÖÇ¿´ó
µÄÇÒÈÝÒ×ÉÏÊÖ
µÄJavaScriptÌØÐ§À´¸Ä½øÄú
µÄÍøÒ³Õ¾½çÃæ£¬´Ó¶øµÃµ½¸ü¶àµÄÓû§ÌåÑé¡£Õâ10ÖÖjavaScriptÌØÐ§»ØÎ¶ÄãµÄÍøÕ¾´øÀ´ÒâÏë²»µ½µÄÊÓ¾õÊ¢Ñ磬¶øÇÒ°²×°ºÍʹÓö¼±È½ÏÈÝÒס£
Äú»¹¿ÉÒԲο¼ÒÔÏÂ
JavaScript/AjaxÏà¹Ø½Ì³Ì¼°×ÊÔ´:
¡¶10¸ö·Ç³£°ôµÄ
Ajax¼°JavascriptʵÀý×ÊÔ´ÍøÕ¾
¡·
¡¶12ÖÖ
Javascript½â¾ö³£¼ûä¯ÀÀÆ÷¼æÈÝÎÊÌâµÄ·½·¨
¡·
¡¶300+Jquery,
CSS, MooTools ºÍ JSµÄµ¼º½²Ëµ¥×ÊÔ´
¡·
1.GreyBox
¡¡¡¡GreyBox
ÔÊÐíÄãÒÔÄ£
ʽ´°¿Ú
µÄÐÎʽÔËÐÐÆäËüÍøÕ¾(ÀàËÆÓÚµ¯³öʽ´°¿Ú£¬µ«ÓÖ²»ÔËÐÐеÄä¯ÀÀÆ÷´°¿Ú).Èç¹ûÄãµÄÍøÕ¾ÉÏÓÐһЩÆäËûÍøÕ¾µÄµ¼³öÁ´½Ó£¬µ«ÄãÓÖ²»ÏëÈÃÄãµÄÓû§À뿪
ÄãµÄÍøÕ¾»ò²»ÏëÈÃËûÃÇ´ò¿ªÁíÒ»¸öä¯ÀÀÆ÷´°¿ÚµÄ»°£¬ÕâÕæµÄÊÇÒ»¸öºÜºÃµÄ½â¾ö·½°¸¡£Ê ......
Thickbox
-
»ùÓÚ
jQuery
£¬Ö§³Ö AJAX£¬ÇáÁ¿¼¶µÄ¶øÇұȽϸßЧ¡£Ö§³ÖͼƬÓëHTMLÄÚÈÝ¡£´óСԼΪ
40k£¬Ä¿Ç°»¹¿É×÷Ϊ WordPress
µÄ²å¼þʹÓá£Õâ¸öjsµÄÓŵãÔÚÓÚÓ룬¸¸¼¶µÄÔÒ³Ãæ¹ö¶¯ÌõËæÊó±ê¹ö¶¯µÄʱºò£¬µ¯³öµÄ²ã²¢²»Òƶ¯£¬¶øÊ¼ÖÕ´¦ÓÚä¯ÀÀÆ÷µÄ¹Ì¶¨Î»Öá£
GreyBox
- ´´½¨ iframe µÄµ¯³ö½çÃæ£¬¿ÉʹÓÃͼƬ¡¢HTML ¼°
URL£¬´óСԼΪ 20k¡£
Õâ¸öµ¯³ö²ãЧ¹ûÓй̶¨
λÖÃÓëËæ¸¸¼¶µÄ¹ö¶¯Ìõ¹ö¶¯Á½ÖÖģʽ¡£
GreyBox Redux
- »ùÓÚ jQuery£¬±È GreyBox ¸üÇá¡£
Õâ¸öjsµÄµÄµ¯³öЧ¹û
Ôö¼ÓÁË×ÔÉ϶øÏ»ºÂý»¬³öµÄЧ¹û¡£
Lightbox
v2.0
- ×î³õÊÇΪÁËÏÔʾͼƬÉè¼ÆµÄ£¬Ê¹ÓÃÁË
prototype ºÍ sciptaculous£¬ËùÒÔÓÐЩ³ÁÖØ£¬µ«¶ÔÓÚͼƬÀ´ËµºÜºÃÓá£
ȱµã¾ÍÊǵ¯³ö²ã³öÀ´
ºó£¬¹ö¶¯Êó±ê¹öÂÖ£¬¸¸¼¶Ò³ÃæÓ뵯³öÄÚÈÝͬÊÂËæ×Źö¶¯Ìõ£¬Ö»Óеã»÷¹Ø±Õ°´Å¥²ÅÄܹرյ¯³ö²ã£¬¶ÔÓÚµ¯³öͼƬ½Ï´óµÄʱºò£¬Óû§ÌåÑé·½ÃæÏà¶Ô±È½Ï²»ÓѺã¬ÐèÒªÒÆ¶¯
Ò³ÃæÕÒµ½¹Ø±Õ°´Å¥²ÅÐС£
Lightbox Gone Wild
-
modal ģʽ´°¿ÚµÄ lightbox£¬¿ÉʹÓà html¡¢±íµ¥¼°Í¼Æ¬£¬Ò²ÊÇ»ùÓÚ prototype µÄ¡£
Õâ¸öЧ¹ûµÄºÃ´¦ÔÚÓÚ£¬
µ¯³öÄÚÈÝÊÇͼƬʱ£¬µã»÷ͼƬ±¾Éí¼È¿ÉÒԹرյ¯³ö²ã£¬·Ç³£·½±ã¡£
Multi-f ......
Thickbox
-
»ùÓÚ
jQuery
£¬Ö§³Ö AJAX£¬ÇáÁ¿¼¶µÄ¶øÇұȽϸßЧ¡£Ö§³ÖͼƬÓëHTMLÄÚÈÝ¡£´óСԼΪ
40k£¬Ä¿Ç°»¹¿É×÷Ϊ WordPress
µÄ²å¼þʹÓá£Õâ¸öjsµÄÓŵãÔÚÓÚÓ룬¸¸¼¶µÄÔÒ³Ãæ¹ö¶¯ÌõËæÊó±ê¹ö¶¯µÄʱºò£¬µ¯³öµÄ²ã²¢²»Òƶ¯£¬¶øÊ¼ÖÕ´¦ÓÚä¯ÀÀÆ÷µÄ¹Ì¶¨Î»Öá£
GreyBox
- ´´½¨ iframe µÄµ¯³ö½çÃæ£¬¿ÉʹÓÃͼƬ¡¢HTML ¼°
URL£¬´óСԼΪ 20k¡£
Õâ¸öµ¯³ö²ãЧ¹ûÓй̶¨
λÖÃÓëËæ¸¸¼¶µÄ¹ö¶¯Ìõ¹ö¶¯Á½ÖÖģʽ¡£
GreyBox Redux
- »ùÓÚ jQuery£¬±È GreyBox ¸üÇá¡£
Õâ¸öjsµÄµÄµ¯³öЧ¹û
Ôö¼ÓÁË×ÔÉ϶øÏ»ºÂý»¬³öµÄЧ¹û¡£
Lightbox
v2.0
- ×î³õÊÇΪÁËÏÔʾͼƬÉè¼ÆµÄ£¬Ê¹ÓÃÁË
prototype ºÍ sciptaculous£¬ËùÒÔÓÐЩ³ÁÖØ£¬µ«¶ÔÓÚͼƬÀ´ËµºÜºÃÓá£
ȱµã¾ÍÊǵ¯³ö²ã³öÀ´
ºó£¬¹ö¶¯Êó±ê¹öÂÖ£¬¸¸¼¶Ò³ÃæÓ뵯³öÄÚÈÝͬÊÂËæ×Źö¶¯Ìõ£¬Ö»Óеã»÷¹Ø±Õ°´Å¥²ÅÄܹرյ¯³ö²ã£¬¶ÔÓÚµ¯³öͼƬ½Ï´óµÄʱºò£¬Óû§ÌåÑé·½ÃæÏà¶Ô±È½Ï²»ÓѺã¬ÐèÒªÒÆ¶¯
Ò³ÃæÕÒµ½¹Ø±Õ°´Å¥²ÅÐС£
Lightbox Gone Wild
-
modal ģʽ´°¿ÚµÄ lightbox£¬¿ÉʹÓà html¡¢±íµ¥¼°Í¼Æ¬£¬Ò²ÊÇ»ùÓÚ prototype µÄ¡£
Õâ¸öЧ¹ûµÄºÃ´¦ÔÚÓÚ£¬
µ¯³öÄÚÈÝÊÇͼƬʱ£¬µã»÷ͼƬ±¾Éí¼È¿ÉÒԹرյ¯³ö²ã£¬·Ç³£·½±ã¡£
Multi-f ......
Java,JavaScript,JScript Çø±ð
ÕâÈý¸öÓïÑÔ·Ö±ðÊÇÈý¸ö¹«Ë¾¿ª·¢µÄ£¬SUNµÄJava£¬NetscapeµÄJavaScript£¬MicrosoftµÄJScript
JavaScriptÊÇÓÉNetscape¹«Ë¾¿ª·¢²¢ËæNavigatorµ¼º½ÕßÒ»Æð·¢²¼µÄ¡¢½éÓÚJavaÓëHTMLÖ®¼ä¡¢»ùÓÚ¶ÔÏóʼþÇý¶¯µÄ±à³ÌÓïÑÔ£¬²»ÐèÒªJava±àÒëÆ÷£¬¶øÊÇÖ±½ÓÔËÐÐÔÚWebä¯ÀÀÆ÷ÖУ¬ËüµÄǰÉíÊÇLive Script¡£
JScriptÊÇÒ»ÖÖÀàËÆJavaScriptµÄÓïÑÔ¡£
JavaÊÇSUN¹«Ë¾ÍƳöµÄÐÂÒ»´úÃæÏò¶ÔÏóµÄ³ÌÐòÉè¼ÆÓïÑÔ£¬ÌرðÊʺÏÓÚInternetÓ¦ÓóÌÐò¿ª·¢£¬µ±È»Ò²¿ÉÒÔ¿ª·¢ÆäËüµÄÓ¦ÓóÌÐò£¬ÒÔǰÔÚ°²×°SYBASEºÍDB2µÄʱºò£¬ÎÒ¶¼×¢Òâ¶¼ËüÃǵݲװ³ÌÐòºÃÏó¶¼ÊÇÓÃJavaдµÄ¡£JavaµÄǰÉíÊÇOakÓïÑÔ
1.×ʼwebÉÏÖ»Óо²Ì¬µÄhtml
2.ΪÁËÂú×ã¸üºÃµÄ½»»¥ÐèÇó£¬netscape¿ª·¢ÁËÔÚNavigatorÖÐʹÓõÄLiveScriptÓïÑÔ£¬ºó¸ÄÃûΪJavaScript ,JSÊÇJavaScriptµÄ¼ò³Æ
3.Microsoft·¢ÐÐjscriptÓÃÓÚinternet explorer. JScriptÊÇ΢Èí¶ÔECMA262ÓïÑԹ淶µÄÒ»ÖÖʵÏÖ.
ÒòΪµ±³õjavascriptÊÇnetscape¸ã³öÀ´µÄ£¬ÄÇʱbill gates»¹Ã»Òâʶµ½»¥ÁªÍøµÄÖØÒªÐÔ£¬ËüµÄIE³öÁýÒԺ󣬱ØÐëÒªÖ§³Ö½Å±¾£¬¶øËüµÄvbscript¸úVB¹ØÏµÌ«ÃÜÇÐûÓÐÊܵ½Ì«¶àµÄ×·Åõ£¬ÎªÁËÖ§³Öjavascript, ÓÖÒª·ÀÖ¹ÒýÆð°æÈ¨¾À·×£¬Ò²ÊÇΪÁËÃæ×ÓÎÊÌ⣬²»¿Ï½Ðj ......