һЩ±È½Ï³£¼ûµÄJavascript¿ò¼Ü¼ò½é
Dojo
Ò»¸öÇ¿´óµÄÃæÏò¶ÔÏójavascript¿ò¼Ü¡£
Ö÷ÒªÓÉÈý´óÄ£¿é×é³É£ºCore¡¢Dijit¡¢DojoX¡£
CoreÌṩ Ajax£¬events£¬packaging£¬CSS-based querying£¬animations£¬JSONµÈÏà¹Ø²Ù×÷API¡£
DijitÊÇÒ»¸ö¿É¸ü»»Æ¤·ô£¬»ùÓÚÄ£°åµÄWEB UI¿Ø¼þ¿â¡£
DojoX°üÀ¨Ò»Ð©´´ÐÂ/ÐÂÓ±µÄ´úÂëºÍ¿Ø¼þ£ºDateGrid£¬charts£¬ÀëÏßÓ¦Ó㬿çä¯ÀÀÆ÷ʸÁ¿»æÍ¼µÈ¡£
YUI(Yahoo! User Interface Library)
Ò»×é²ÉÓÃDOM scripting£¬DHTMLºÍAjaxµÈ¼¼Êõ¿ª·¢µÄWeb UI¿Ø¼þºÍ¹¤¾ß¡£ÖÐÎÄ˵¹ýÀ´¾ÍÊÇ“YahooÓû§½çÃæ¿â”¡£
Yui ¹¤¾ß°üÀûÓÃDOM½Å±¾À´¼ò»¯ä¯ÀÀÆ÷ÄڵĿª·¢£¨in-browser devolvement£©£¬Ê¹ÓÃDHTMLºÍAJAXµÄÌØÐÔ¿ª·¢ËùÓеÄWeb³ÌÐò¡£
YUI¿Ø¼þ¿âΪÄãÒ³ÃæÌṩһ×é¸ß½»»¥ÐÔÐԵĿÉÊÓ»¯ÔªËØ¡£ÕâÐ©ÔªËØÍêÈ«ÔÚ¿Í»§¶Ë´´½¨Î¬»¤£¬²»ÐèÒªÇëÇó·þÎñÆ÷½øÐÐÒ³ÃæË¢Ð¡£
jQuery
Ò»¸ö¿ìËÙ¡¢¼ò½àµÄjavascript¿ò¼Ü£¬°ïÖúÄã¼ò»¯²éѯDOM¶ÔÏ󣬴¦Àíʼþ£¬ÖÆ×÷¶¯»£¬ºÍ´¦ÀíAjax½»»¥¹ý³Ì¡£ÀûÓÃjQuery½«¸Ä±äÄã±àдjavascript´úÂëµÄ·½Ê½¡£ÔÏÈÓÃ20ÐдúÂëÍê³ÉµÄ¹¦ÄÜ£¬jQueryÓÃ10ÐоͿÉÒÔÇáËɸ㶨¡£
Mootools
Ò»¸ö¼ò½à£¬Ä£¿é»¯£¬ÃæÏò¶ÔÏóµÄjavascript¿ò¼Ü¡£ËüÄܹ»°ïÖúÄã¸ü¿ì£¬¸ü¼òµ¥µØ±àд¿ÉÀ©Õ¹ºÍ¼æÈÝÐÔÇ¿µÄjavascript´úÂë¡£ Mootools´ÓPrototype.jsÖм³È¡ÁËÐí¶àÓÐÒæµÄÉè¼ÆÀíÄÓï·¨Ò²ºÍÆä¼«ÆäÀàËÆ¡£µ«ËüÌṩµÄ¹¦ÄÜÒª±ÈPrototype.js¶à£¬ÕûÌåÉè¼ÆÒ²±ÈPrototype.jsÒªÏà¶ÔÍêÉÆ£¬¹¦ÄܸüÇ¿´ó£¬±ÈÈçÔö¼ÓÁ˶¯»ÌØÐ§¡¢ÍϷŲÙ×÷µÈµÈ¡£
prototype
Ò»¸öÒ×ÓÚʹÓá¢ÃæÏò¶ÔÏóµÄjavascript¿ò¼Ü¡£Ëü·â×°²¢¼ò»¯ºÍÀ©Õ¹Ò»Ð©ÔÚWeb¿ª·¢¹ý³ÌÖг£Óõ½javascript·½·¨ÓëAjax½»»¥´¦Àí¹ý³Ì¡£
script.aculo.us
Ò»¸öÒ×ÓÚʹÓã¬Ö§³Ö¶àÖÖä¯ÀÀÆ÷£¬ÓÃÓÚÔöÇ¿PrototypeµÄjavascript¿ò¼Ü¡£script.aculo.us°üº¬£º¶¯»¿ò¼Ü£¨animation framework£©£¬ÍÏ·Å£¨drag and drop£©£¬ Ajax¿Ø¼þ£¬DOM¹¤¾ß£¬µ¥Ôª²âÊԵȡ£
ExtJS
Ò»¸ö¿çä¯ÀÀÆ÷£¬ÓÃÓÚ¿ª·¢RIA£¨Rich iInternet Application£©Ó¦ÓõÄjavascript¿ò¼Ü
Ïà¹ØÎĵµ£º
ʼþÔ´¶ÔÏó
event.srcElement.tagName
event.srcElement.type
²¶»ñÊÍ·Å
event.srcElement.setCapture();
event.srcElement.releaseCapture();
ʼþ°´¼ü
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
ʼþ·µ»ØÖµ
event.returnValue
Êó±êλÖÃ
event.x
event.y
´°Ìå ......
¼ìË÷:
1 ÓÃ||À´Ìî³äĬÈÏÖµ
var status = flight.status || "unknown";
2 ʹÓÃ&&·ÀÖ¹TypeError
flight.equipment.model //throw "TypeError"
flight.equipment && flight.equipment.model //undefined
ÒýÓÃ
var a={},b={},c={};
document.writeln(a===b); //false
ÔÐÍ
Javascript ......
·µ»ØÒ»¸ö¸ø¶¨idÊôÐÔÖµµÄÔªËØ½ÚµãµÄ¶ÔÏó
document.getElememtById(id)
·µ»ØÒ»¸ö°üº¬ËùÓиø¶¨±êÇ©µÄÔªËØµÄÊý×é
document.getElementsByName(tag)
»ñÈ¡ÔªËØÊôÐÔ
document.getAttribute(attribute)
ÉèÖÃÔªËØÊôÐÔÖµ
document.setAttribute(attribute)
......
function keyDown(){
//ÆÁ±ÎÊó±êÓÒ¼ü¡¢Ctrl+n¡¢shift+F10¡¢F5ˢС¢Í˸ñ¼ü
//alert("ASCII´úÂëÊÇ£º"+event.keyCode);
if ((window.event.altKey)&&
((window.event.keyCode==37)|| //ÆÁ±Î Alt+ ·½Ïò¼ü ←
(w ......
ÓÃÁ˺ܾÃJavaScript£¬¶Ô¡¾this¡¿µÄÈÏʶֻ¾ÖÏÞÓÚÒÔÍùµÄƾ¾Ñé¶øÒÑ£¬²»¹ý½ñÌì·¢ÏÖÁ˺ö«Î÷“http://www.quirksmode.org/js/associative.html”£¬ÏêϸÃèÊöÁËÈçºÎʹÓá¾this¡¿¹Ø¼ü×Ö£¬ÔÚÕâÀïÎҾͼò¶ÌµÄ˵һÏÂÖØµã£¬Èç¹ûÓÐÒÉÎÊ¿ÉÒÔÖ±½Ó²Î¿¼ÔÎÄ¡£
ÔÚѧϰ¹ýÓÐthisµÄ±à³ÌÓïÑÔÖУ¬thisÒ»°ã¶¼ÊÇÖ¸Ïòµ±Ç°ÊµÀý¶ÔÏóµÄ£¬¶ÔÓ ......