Äú¿ÉÒÔ¾èÖú£¬Ö§³ÖÎÒÃǵĹ«ÒæÊÂÒµ¡£

1Ôª 10Ôª 50Ôª





ÈÏÖ¤Â룺  ÑéÖ¤Âë,¿´²»Çå³þ?Çëµã»÷Ë¢ÐÂÑéÖ¤Âë ±ØÌî



  ÇóÖª ÎÄÕ ÎÄ¿â Lib ÊÓÆµ iPerson ¿Î³Ì ÈÏÖ¤ ×Éѯ ¹¤¾ß ½²×ù Modeler   Code  
»áÔ±   
 
   
 
 
     
   
 ¶©ÔÄ
  ¾èÖú
JavascriptµÄʼþ´¦Àí»úÖÆ
 
×÷Õߣº´ó·ÜÆë À´Ô´£ºCSDN ·¢²¼ÓÚ 2015-5-20
  2530  次浏览      27
 

ʲôÊÇʼþ£¿

ʼþ(Event)ÊÇJavaScriptÓ¦ÓÃÌø¶¯µÄÐÄÔà £¬Ò²ÊǰÑËùÓж«Î÷Õ³ÔÚÒ»ÆðµÄ½ºË®¡£µ±ÎÒÃÇÓëä¯ÀÀÆ÷ÖÐ Web Ò³Ãæ½øÐÐijЩÀàÐ͵Ľ»»¥Ê±£¬Ê¼þ¾Í·¢ÉúÁË¡£Ê¼þ¿ÉÄÜÊÇÓû§ÔÚijЩÄÚÈÝÉϵĵã»÷¡¢Êó±ê¾­¹ýij¸öÌØ¶¨ÔªËØ»ò°´Ï¼üÅÌÉϵÄijЩ°´¼ü¡£Ê¼þ»¹¿ÉÄÜÊÇ Web ä¯ÀÀÆ÷Öз¢ÉúµÄÊÂÇ飬±ÈÈç˵ij¸öWeb Ò³Ãæ¼ÓÔØÍê³É£¬»òÕßÊÇÓû§¹ö¶¯´°¿Ú»ò¸Ä±ä´°¿Ú´óС¡£

ͨ¹ýʹÓà JavaScript £¬Äã¿ÉÒÔ¼àÌýÌØ¶¨Ê¼þµÄ·¢Éú£¬²¢¹æ¶¨ÈÃijЩʼþ·¢ÉúÒÔ¶ÔÕâЩʼþ×ö³öÏìÓ¦¡£

½ñÌìµÄʼþ

ÔÚÂþ³¤µÄÑݱäÊ·£¬ÎÒÃÇÒѾ­¸æ±ðÁËÄÚǶʽµÄʼþ´¦Àí·½Ê½£¨Ö±½Ó½«Ê¼þ´¦ÀíÆ÷·ÅÔÚ HTML ÔªËØÖ®ÄÚÀ´Ê¹Óã©¡£½ñÌìµÄʼþ£¬ËüÒÑÊÇDOMµÄÖØÒª×é³É²¿·Ö£¬Òź¶µÄÊÇ£¬ IE¼ÌÐø±£ÁôËü×îÔçÔÚIE4.0ÖÐʵÏÖµÄʼþÄ£ÐÍ£¬ÒÔºóµÄIE°æ±¾ÖÐҲûÓÐ×öÌ«´óµÄ¸Ä±ä£¬ÕâÒ²¾ÍÊÇ˵IE»¹ÊÇʹÓõÄÊÇÒ»ÖÖרÓеÄʼþÄ£ÐÍ£¨Ã°ÅÝÐÍ£©,¶øÆäËüµÄÖ÷Á÷ä¯ÀÀÆ÷Ö±µ½DOM ¼¶±ð 3 ¹æ¶¨¶¨°¸ºó£¬²ÅÂ½Â½ÐøÐøÖ§³ÖDOM±ê×¼µÄʼþ´¦ÀíÄ£ÐÍ ¡ª ²¶»ñÐÍÓëðÅÝÐÍ¡£

ÀúÊ·Ô­ÒòÊÇ£ºW3C ¹æ·¶ ÔÚDOM ¼¶±ð 1Öв¢Ã»Óж¨ÒåÈκεÄʼþ£¬Ö±µ½·¢²¼ÓÚ 2000 Äê 11 Ô µÄDOM ¼¶±ð 2 ²Å¶¨ÒåÁËһС²¿·Ö×Ó¼¯£¬DOM ¼¶±ð 2ÖÐÒѾ­ÌṩÁËÌṩÁËÒ»ÖÖ¸üÏêϸµÄ¸üϸÖµķ½Ê½ÒÔ¿ØÖÆ Web Ò³ÃæÖеÄʼþ£¬×îºó£¬ÍêÕûµÄʼþÊÇÔÚ2004Äê DOM ¼¶±ð 3µÄ¹æ¶¨ÖвÅ×îÖÕ¶¨°¸¡£ÒòΪIE4ÊÇ1995ÍÆ³öµÄ²¢ÒÑʵÏÖÁË×Ô¼ºµÄʼþÄ£ÐÍ£¨Ã°ÅÝÐÍ£©£¬µ±Ê±¸ù±¾¾ÍûÓÐDOM±ê×¼£¬²»¹ýÔÚÒÔºóµÄDOM±ê×¼¹æ·¶¹ý³ÌÖÐÒѾ­°ÑIEµÄʼþÄ£ÐÍÎüÊÕµ½ÁËÆäÖС£

Ŀǰ³ýIEä¯ÀÀÆ÷Í⣬ÆäËüÖ÷Á÷µÄFirefox, Opera,Safari¶¼Ö§³Ö±ê×¼µÄDOMʼþ´¦ÀíÄ£ÐÍ¡£IEÈÔȻʹÓÃ×Ô¼º×¨ÓеÄʼþÄ£ÐÍ£¬¼´Ã°ÅÝÐÍ£¬ËüʼþÄ£Ð͵ÄÒ»²¿·Ý±»DOM±ê×¼²ÉÓã¬Õâµã¶ÔÓÚ¿ª·¢ÕßÀ´ËµÒ²ÊÇÓкô¦µÄ£¬Ö»ÓÐʹÓÃDOM±ê×¼£¬IE¶¼¹²ÓеÄʼþ´¦Àí·½Ê½²ÅÄÜÓÐЧµÄ¿çä¯ÀÀÆ÷¡£

DOMʼþÁ÷

DOM(Îĵµ¶ÔÏóÄ£ÐÍ)½á¹¹ÊÇÒ»¸öÊ÷Ðͽṹ£¬µ±Ò»¸öHTMLÔªËØ²úÉúÒ»¸öʼþʱ£¬¸Ãʼþ»áÔÚÔªËØ½áµãÓë¸ù½ÚµãÖ®¼ä°´Ìض¨µÄ˳Ðò´«²¥£¬Â·¾¶Ëù¾­¹ýµÄ½Úµã¶¼»áÊÕµ½¸Ãʼþ£¬Õâ¸ö´«²¥¹ý³Ì¿É³ÆÎªDOMʼþÁ÷¡£

ʼþ˳ÐòÓÐÁ½ÖÖÀàÐÍ£ºÊ¼þ²¶×½ºÍʼþðÅÝ¡£

1¡¢Ã°ÅÝÐÍʼþ(Event Bubbling)

ÕâÊÇIEä¯ÀÀÆ÷¶ÔʼþÄ£Ð͵ÄʵÏÖ£¬Ò²ÊÇ×îÈÝÒ×Àí½âµÄ£¬ÖÁÉÙ±ÊÕß¾õµÃ±È½Ï·ûºÏʵ¼ÊµÄ¡£Ã°ÅÝ£¬¹ËÃû˼Ò壬ʼþÏñ¸öË®ÖÐµÄÆøÅÝÒ»ÑùÒ»Ö±ÍùÉÏð£¬Ö±µ½¶¥¶Ë¡£´ÓDOMÊ÷ÐͽṹÉÏÀí½â£¬¾ÍÊÇʼþÓÉÒ¶×Ó½ÚµãÑØ×æÏȽáµãÒ»Ö±ÏòÉÏ´«µÝÖ±µ½¸ù½Úµã£»´Óä¯ÀÀÆ÷½çÃæÊÓͼHTMLÔªËØÅÅÁвã´ÎÉÏÀí½â¾ÍÊÇʼþÓɾßÓдÓÊô¹ØÏµµÄ×îÈ·¶¨µÄÄ¿±êÔªËØÒ»Ö±´«µÝµ½×ȷ¶¨µÄÄ¿±êÔªËØ.ðÅݼ¼Êõ.ðÅÝÐÍʼþµÄ»ù±¾Ë¼Ïë,ʼþ°´ÕÕ´ÓÌØ¶¨µÄʼþÄ¿±ê¿ªÊ¼µ½×ȷ¶¨µÄʼþÄ¿±ê.

2¡¢²¶»ñÐÍʼþ(Event Capturing)

Netscape µÄʵÏÖ£¬ËüÓëðÅÝÐ͸պÃÏà·´£¬ÓÉDOMÊ÷×î¶¥²ãÔªËØÒ»Ö±µ½×ȷµÄÔªËØ£¬Õâ¸öʼþÄ£ÐͶÔÓÚ¿ª·¢ÕßÀ´Ëµ£¨ÖÁÉÙÊÇÎÒ..£©Óеã·Ñ½â£¬ÒòΪֱ¹ÛÉϵÄÀí½âÓ¦¸ÃÈçͬðÅÝÐÍ£¬Ê¼þ´«µÝÓ¦¸ÃÓÉ×îÈ·¶¨µÄÔªËØ£¬¼´Ê¼þ²úÉúÔªËØ¿ªÊ¼¡£

DOM±ê×¼µÄʼþÄ£ÐÍ

ÎÒÃÇÒѾ­¶ÔÉÏÃæÁ½¸ö²»Í¬µÄʼþÄ£ÐͽøÐÐÁ˽âÊͺͶԱȡ£DOM±ê׼ͬʱ֧³ÖÁ½ÖÖʼþÄ£ÐÍ£¬¼´²¶»ñÐÍʼþÓëðÅÝÐÍʼþ£¬µ«ÊÇ£¬²¶»ñÐÍʼþÏÈ·¢Éú¡£Á½ÖÖʼþÁ÷¶¼»á´¥·¢DOMÖеÄËùÓжÔÏ󣬴Ódocument¶ÔÏó¿ªÊ¼£¬Ò²ÔÚdocument¶ÔÏó½áÊø£¨´ó²¿·Ö¼æÈݱê×¼µÄä¯ÀÀÆ÷»á¼ÌÐø½«Ê¼þÊDz¶×½/ðÅÝÑÓÐøµ½window¶ÔÏ󣩡£

Èçͼ£ºÊ×ÏÈÊDz¶»ñʽ´«µÝʼþ£¬½Ó×ÅÊÇðÅÝʽ´«µÝ£¬ËùÒÔ£¬Èç¹ûÒ»¸ö´¦Àíº¯Êý¼È×¢²áÁ˲¶»ñÐÍʼþµÄ¼àÌý£¬ÓÖ×¢²áðÅÝÐÍʼþ¼àÌý£¬ÄÇôÔÚDOMʼþÄ£ÐÍÖÐËü¾Í»á±»µ÷ÓÃÁ½´Î¡£

DOM±ê×¼µÄʼþÄ£ÐÍ×î¶ÀÌØµÄÐÔÖÊÊÇ,Îı¾½ÚµãÒ²»á´¥·¢Ê¼þ(ÔÚIE²»»á)¡£

ʼþ´«ËÍ

ΪÁ˸üºÃµÄ˵Ã÷DOM±ê×¼ÖеÄʼþÁ÷Ô­Àí£¬ÎÒÃǰÑËü·ÅÔÚ¡°Ê¼þ´«ËÍ¡±Ð¡½áÀïÀ´¸ü¾ßÌåµÄ½âÊÍ¡£

ÏÔÈ»£¬Èç¹ûΪһ¸ö³¬Á´½ÓÌí¼ÓÁËclickʼþ¼àÌýÆ÷£¬ÄÇôµ±¸ÃÁ´½Ó±»µã»÷ʱ¸Ãʼþ¼àÌýÆ÷¾Í»á±»Ö´ÐС£µ«Èç¹û°Ñ¸Ãʼþ¼àÌýÆ÷Ö¸ÅɸøÁ˰üº¬¸ÃÁ´½ÓµÄpÔªËØ»òÕßλÓÚDOMÊ÷¶¥¶ËµÄdocument½Úµã£¬ÄÇôµã»÷¸ÃÁ´½ÓҲͬÑù»á´¥·¢¸Ãʼþ¼àÌýÆ÷¡£ÕâÊÇÒòΪʼþ²»½ö½ö¶Ô´¥·¢µÄÄ¿±êÔªËØ²úÉúÓ°Ï죬ËüÃÇ»¹»á¶ÔÑØ×ÅDOM½á¹¹µÄËùÓÐÔªËØ²úÉúÓ°Ïì¡£Õâ¾ÍÊÇ´ó¼ÒËùÊìϤµÄʼþתËÍ¡£

W3CʼþÄ£ÐÍÖÐÃ÷È·µØÖ¸³öÁËʼþתË͵ÄÔ­Àí¡£Ê¼þ´«ËÍ¿ÉÒÔ·ÖΪ3¸ö½×¶Î¡£

Èçͼ£º±ê×¼µÄʼþתËÍģʽ

£¨1£©.ÔÚʼþ²¶×½£¨Capturing£©½×¶Î£¬Ê¼þ½«ÑØ×ÅDOMÊ÷ÏòÏÂתËÍ£¬Ä¿±ê½ÚµãµÄÿһ¸ö׿ÏȽڵ㣬ֱÖÁÄ¿±ê½Úµã¡£ÀýÈ磬ÈôÓû§µ¥»÷ÁËÒ»¸ö³¬Á´½Ó£¬Ôò¸Ãµ¥»÷ʼþ½«´Ódocument½ÚµãתË͵½htmlÔªËØ£¬bodyÔªËØÒÔ¼°°üº¬¸ÃÁ´½ÓµÄpÔªËØ¡£

Ôڴ˹ý³ÌÖУ¬ä¯ÀÀÆ÷¶¼»á¼ì²âÕë¶Ô¸ÃʼþµÄ²¶×½Ê¼þ¼àÌýÆ÷£¬²¢ÇÒÔËÐÐÕâ¼þʼþ¼àÌýÆ÷¡£

(2). ÔÚÄ¿±ê£¨target£©½×¶Î£¬ä¯ÀÀÆ÷ÔÚ²éÕÒµ½ÒѾ­Ö¸¶¨¸øÄ¿±êʼþµÄʼþ¼àÌýÆ÷Ö®ºó£¬¾Í»áÔËÐÐ ¸Ãʼþ¼àÌýÆ÷¡£Ä¿±ê½Úµã¾ÍÊÇ´¥·¢Ê¼þµÄDOM½Úµã¡£ÀýÈ磬Èç¹ûÓû§µ¥»÷Ò»¸ö³¬Á´½Ó£¬ÄÇô¸ÃÁ´½Ó¾ÍÊÇÄ¿±ê½Úµã£¨´ËʱµÄÄ¿±ê½Úµãʵ¼ÊÉÏÊdz¬Á´½ÓÄÚµÄÎı¾½Úµã£©¡£

£¨3£©.ÔÚðÅÝ£¨Bubbling£©½×¶Î£¬Ê¼þ½«ÑØ×ÅDOMÊ÷ÏòÉÏתËÍ£¬ÔÙ´ÎÖð¸ö·ÃÎÊÄ¿±êÔªËØµÄ׿ÏȽڵ㵽document½Úµã¡£¸Ã¹ý³ÌÖеÄÿһ²½¡£ä¯ÀÀÆ÷¶¼½«¼ì²âÄÇЩ²»ÊDz¶×½Ê¼þ¼àÌýÆ÷µÄʼþ¼àÌýÆ÷£¬²¢Ö´ÐÐËüÃÇ¡£

²¢·ÇËùÓеÄʼþ¶¼»á¾­¹ýðÅݽ׶εģ¬ËùÓеÄʼþ¶¼Òª¾­¹ý²¶×½½×¶ÎºÍÄ¿±ê½×¶Î£¬µ«ÊÇÓÐЩʼþ»áÌø¹ýðÅݽ׶Ρ£ÀýÈ磬ÈÃÔªËØ»ñµÃÊäÈë½¹µãµÄfocusʼþÒÔ¼°Ê§È¥ÊäÈë½¹µãµÄblurʼþ¾Í¶¼²»»áðÅÝ¡£

ʼþ¾ä±úºÍʼþ½ÓÌýÆ÷

ʼþ¾ä±ú

ʼþ¾ä±ú£¨ÓÖ³ÆÊ¼þ´¦Àíº¯Êý£¬DOM³ÆÖ®ÎªÊ¼þ¼àÌýº¯Êý£©£¬ÓÃÓÚÏìӦij¸öʼþ¶øµ÷Óõĺ¯Êý³ÆÎªÊ¼þ´¦Àíº¯Êý¡£Ã¿Ò»¸öʼþ¾ù¶ÔÓ¦Ò»¸öʼþ¾ä±ú£¬ÔÚ³ÌÐòÖ´ÐÐʱ£¬½«ÏàÓ¦µÄº¯Êý»òÓï¾äÖ¸¶¨¸øÊ¼þ¾ä±ú£¬ÔòÔÚ¸Ãʼþ·¢Éúʱ£¬ä¯ÀÀÆ÷±ãÖ´ÐÐÖ¸¶¨µÄº¯Êý»òÓï¾ä£¬´Ó¶øÊµÏÖÍøÒ³ÄÚÈÝÓëÓû§²Ù×÷µÄ½»»¥¡£µ±ä¯ÀÀÆ÷¼ì²âµ½Ä³Ê¼þ·¢Éúʱ£¬±ã²éÕÒ¸Ãʼþ¶ÔÓ¦µÄʼþ¾ä±úÓÐûÓб»¸³Öµ£¬Èç¹ûÓУ¬ÔòÖ´ÐиÃʼþ¾ä±ú¡£

ÎÒÃÇÈÏΪÏìÓ¦µã»÷ʼþµÄº¯ÊýÊÇonclickʼþ´¦Àíº¯Êý¡£ÒÔǰ£¬Ê¼þ´¦Àíº¯ÊýÓÐÁ½ÖÖ·ÖÅ䷽ʽ£ºÔÚJavaScriptÖлòÕßÔÚHTMLÖС£

Èç¹ûÔÚJavaScript ÖзÖÅäʼþ´¦Àíº¯Êý£¬ ÔòÐèÒªÊ×ÏÈ»ñµÃÒª´¦ÀíµÄ¶ÔÏóµÄÒ»ÒýÓã¬È»ºó½«º¯Êý¸³Öµ¸ø¶ÔÓ¦µÄʼþ´¦Àíº¯ÊýÊôÐÔ£¬Çë¿´Ò»¸ö¼òµ¥µÄÀý×Ó£º

var link=document.getElementById("mylink");
2 link.onclick=function(){
3 alert("I was clicked !");
4 };

´ÓÎÒÃÇ¿´µ½µÄÀý×ÓÖУ¬ÎÒÃÇ·¢ÏÖʹÓÃʼþ¾ä±úºÜÈÝÒ×£¬²»¹ýʼþ´¦Àíº¯ÊýÃû³Æ±ØÐëÊÇСдµÄ£¬»¹ÓоÍÊÇÖ»ÓÐÔÚÔªËØÔØÈëÍê³ÉÖ®ºó²ÅÄܽ«Ê¼þ¾ä±ú¸³¸øÔªËØ£¬²»È»»áÓÐÒì³£¡£

¹ØÓÚÎĵµÔØÈë¼¼Êõ£¬Çë¿´¡¶window.onload¼ÓÔØµÄ¶àÖÖ½â¾ö·½°¸¡· µÄÎÄÕ¡£

Èç¹ûÔÚHTMLÖзÖÅäʼþ¾ä±úµÄ»°£¬ÔòÖ±½Óͨ¹ýHTMLÊôÐÔÀ´ÉèÖÃʼþ´¦Àíº¯Êý¾ÍÐÐÁË£¬²¢ÔÚÆäÖаüº¬ºÏÊʵĽű¾×÷ÎªÌØÐÔÖµ¾Í¿ÉÒÔÁË£¬ÀýÈ磺

<a href="/" onclick="JavaScript  code here">......</a>

ÕâÖÖJavaScript ´úÂëºÍͨ¹ýHTMLµÄstyleÊôÐÔÖ±½Ó½«CSSÊôÐÔ¸³¸øÔªËØÀàËÆ¡£ÕâÑù»á´úÂë¿´ÆðÀ´Ò»ÍÅÔ㣬ҲΥ±³Á˽«ÊµÏÖ¶¯Ì¬ÐÐΪµÄ´úÂëÓëÏÔʾÎĵµ¾²Ì¬ÄÚÈݵĴúÂëÏà·ÖÀëµÄÔ­Ôò¡£´Ó1998Ä꿪ʼ£¬ÕâÖÖд·¨¾Í¹ýʱÁË¡£

ÕâÖÖ´«Í³µÄʼþ°ó¶¨¼¼Êõ£¬ÓÅȱµãÊÇÏÔÈ»µÄ£º

1.¼òµ¥·½±ã£¬ÔÚHTMLÖÐÖ±½ÓÊéд´¦Àíº¯ÊýµÄ´úÂë¿é£¬ÔÚJSÖиøÔªËضÔӦʼþÊôÐÔ¸³Öµ¼´¿É¡£

2.IEÓëDOM±ê×¼¶¼Ö§³ÖµÄÒ»ÖÖ·½·¨£¬ËüÔÚIEÓëDOM±ê×¼Öж¼ÊÇÔÚʼþðÅݹý³ÌÖб»µ÷Óõġ£

3.¿ÉÒÔÔÚ´¦Àíº¯Êý¿éÄÚÖ±½ÓÓÃthisÒýÓÃ×¢²áʼþµÄÔªËØ£¬thisÒýÓõÄÊǵ±Ç°ÔªËØ¡£

4.Òª¸øÔªËØ×¢²á¶à¸ö¼àÌýÆ÷£¬¾Í²»ÄÜÓÃÕâ·½·¨ÁË¡£

ʼþ½ÓÌýÆ÷

³ýÁËÇ°ÃæÒѾ­½éÉܵļòµ¥Ê¼þ¾ä±úÖ®Í⣬ÏÖÔÚ´ó¶àÊýä¯ÀÀÆ÷¶¼ÄÚÖÃÁËһЩ¸ü¸ß¼¶µÄʼþ´¦Àí·½Ê½£¬¼´£¬Ê¼þ¼àÌýÆ÷£¬ÕâÖÖ´¦Àí·½Ê½¾Í²»ÊÜÒ»¸öÔªËØÖ»Äܰó¶¨Ò»¸öʼþ¾ä±úµÄÏÞÖÆ¡£

ÎÒÃÇÒѾ­ÖªµÀÁËʼþ¾ä±úÓëʼþ¼àÌýÆ÷µÄ×î´ó²»Í¬Ö®´¦ÊÇʹÓÃʼþ¾ä±úʱһ´ÎÖ»Äܲå½ÓÒ»¸öʼþ¾ä±ú£¬µ«¶ÔÓÚʼþ¼àÌýÆ÷£¬Ò»´Î¿ÉÒÔ²å½Ó¶à¸ö¡£

IEϵÄʼþ¼àÌýÆ÷£º

IEÌṩµÄÈ´ÊÇÒ»ÖÖ×ÔÓеģ¬ÍêÈ«²»Í¬µÄÉõÖÁ´æÔÚBUGµÄʼþ¼àÌýÆ÷£¬Òò´ËÈç¹ûÒªÈýű¾ÔÚ±¾ä¯ÀÀÆ÷ÖÐÕý³£ÔËÐеϰ£¬¾Í±ØÐëʹÓÃIEËùÖ§³ÖµÄʼþ¼àÌýÆ÷¡£ÁíÍ⣬Safari ä¯ÀÀÆ÷ÖеÄʼþ¼àÌýÆ÷ÓÐʱҲ´æÔÚÒ»µã²»Í¬¡£

ÔÚIEÖУ¬Ã¿¸öÔªËØºÍwindow¶ÔÏó¶¼ÓÐÁ½¸ö·½·¨£ºattachEvent·½·¨ºÍdetachEvent·½·¨¡£

 element.attachEvent("onevent",eventListener);

´Ë·½·¨µÄÒâ˼ÊÇÔÚIEÖÐÒªÏë¸øÒ»¸öÔªËØµÄʼþ¸½¼Óʼþ´¦Àíº¯Êý£¬±ØÐëµ÷ÓÃattachEvent·½·¨²ÅÄÜ´´½¨Ò»¸öʼþ¼àÌýÆ÷¡£attachEvent·½·¨ÔÊÐíÍâ½ç×¢²á¸ÃÔªËØ¶à¸öʼþ¼àÌýÆ÷¡£

attachEvent½ÓÊÜÁ½¸ö²ÎÊý¡£µÚÒ»¸ö²ÎÊýÊÇʼþÀàÐÍÃû£¬µÚ¶þ¸ö²ÎÊýeventListenerÊǻص÷´¦Àíº¯Êý¡£ÕâÀïµÃ˵Ã÷һϣ¬Óиö¾­³£»á³ö´íµÄµØ·½£¬IEÏÂ
ÀûÓÃattachEvent×¢²áµÄ´¦Àíº¯Êýµ÷ÓÃʱthisÖ¸Ïò²»ÔÙÊÇÏÈǰע²áʼþµÄÔªËØ£¬ÕâʱµÄthisΪwindow¶ÔÏó¡£»¹ÓÐÒ»µãÊÇ´Ë·½·¨µÄʼþÀàÐÍÃû³Æ±ØÐë¼ÓÉÏÒ»¸ö¡±on¡±µÄǰ׺£¨Èçonclick£©¡£

element.attachEvent("onevent",eventListener);

ÒªÏëÒÆ³ýÏÈÇ°ÔªËØ×¢²áµÄʼþ¼àÌýÆ÷,¿ÉÒÔʹÓÃdetachEvent·½·¨½øÐÐɾ³ý£¬²ÎÊýÏàͬ¡£

DOM±ê׼ϵÄʼþ¼àÌýÆ÷£º

ÔÚÖ§³ÖW3C±ê׼ʼþ¼àÌýÆ÷µÄä¯ÀÀÆ÷ÖУ¬¶Ôÿ¸öÖ§³ÖʼþµÄ¶ÔÏ󶼿ÉÒÔʹÓÃaddEventListener·½·¨¡£¸Ã·½·¨¼ÈÖ§³Ö×¢²áðÅÝÐÍʼþ´¦Àí£¬ÓÖÖ§³Ö²¶»ñÐÍʼþ´¦Àí¡£ËùÒÔÓëIEä¯ÀÀÆ÷ÖÐ×¢²áÔªËØÊ¼þ¼àÌýÆ÷·½Ê½ÓÐËù²»Í¬µÄ¡£

//±ê×¼Óï·¨ 
2 element.addEventListener('event', eventListener, useCapture);
3 //ĬÈÏ
4 element.addEventListener('event', eventListener, false);

addEventListener·½·¨½ÓÊÜÈý¸ö²ÎÊý¡£µÚÒ»¸ö²ÎÊýÊÇʼþÀàÐÍÃû£¬ÖµµÃ×¢ÒâµÄÊÇ£¬ÕâÀïʼþÀàÐÍÃû³ÆÓëIEµÄ²»Í¬£¬Ê¼þÀàÐÍÃûÊÇû¡¯on¡¯¿ªÍ·µÄ;µÚ¶þ¸ö²ÎÊýeventListenerÊǻص÷´¦Àíº¯Êý£¨¼´¼àÌýÆ÷º¯Êý£©;µÚÈý¸ö²ÎÊý×¢Ã÷¸Ã´¦Àí»Øµ÷º¯ÊýÊÇÔÚʼþ´«µÝ¹ý³ÌÖеIJ¶»ñ½×¶Î±»µ÷Óû¹ÊÇðÅݽ׶α»µ÷Óà £¬Í¨³£´Ë²ÎÊýͨ³£»áÉèÖÃΪfalse£¨ÎªfalseʱÊÇðÅÝ£©,ÄÇô£¬Èç¹û½«ÆäÖµÉèÖÃΪtrue£¬ÄǾʹ´½¨Ò»¸ö²¶×½Ê¼þ¼àÌýÆ÷¡£

ÒÆ³ýÒÑ×¢²áµÄʼþ¼àÌýÆ÷µ÷ÓÃelementµÄremoveEventListener·½·¨¼´¿É£¬²ÎÊýÏàͬ¡£

//±ê×¼Óï·¨ 
2 element.removeEventListener('event', eventListener, useCapture);
3 //ĬÈÏ
4 element.removeEventListener('event', eventListener, false);

ͨ¹ýaddEventListener·½·¨Ìí¼ÓµÄʼþ´¦Àíº¯Êý£¬±ØÐëʹÓÃremoveEventListener·½·¨²ÅÄÜɾ³ý£¬¶øÇÒÒªÇó²ÎÊýÓëÌí¼Óʼþ´¦Àíº¯ÊýʱaddEventListener·½·¨µÄ²ÎÊýÍêȫһÖ£¨°üÀ¨useCapture²ÎÊý£©£¬·ñÔò½«²»Äܳɹ¦É¾³ýʼþ´¦Àíº¯Êý¡£

¿çä¯ÀÀÆ÷µÄ×¢²áÓëÒÆ³ýÔªËØÊ¼þ¼àÌýÆ÷·½°¸

ÎÒÃÇÏÖÔÚÒѾ­ÖªµÀ£¬¶ÔÓÚÖ§³ÖaddEventListener·½·¨µÄä¯ÀÀÆ÷£¬Ö»ÒªÐèҪʼþ¼àÌýÆ÷½Å±¾¾Í¶¼ÐèÒªµ÷ÓÃaddEventListener·½·¨£»¶ø¶ÔÓÚ²»Ö§³Ö¸Ã·½·¨µÄIEä¯ÀÀÆ÷£¬Ê¹ÓÃʼþ¼àÌýÆ÷ʱÔòÐèÒªµ÷ÓÃattachEvent·½·¨¡£ÒªÈ·±£ä¯ÀÀÆ÷ʹÓÃÕýÈ·µÄ·½·¨Æäʵ²¢²»À§ÄÑ£¬Ö»ÐèҪͨ¹ýÒ»¸öif-elseÓï¾äÀ´¼ì²âµ±Ç°ä¯ÀÀÆ÷ÖÐÊÇ·ñ´æÔÚaddEventListener·½·¨»òattachEvent·½·¨¼´¿É¡£

ÕâÑùµÄ·½Ê½¾Í¿ÉÒÔʵÏÖÒ»¸ö¿çä¯ÀÀÆ÷µÄ×¢²áÓëÒÆ³ýÔªËØÊ¼þ¼àÌýÆ÷·½°¸:

var EventUtil = {
2 //×¢²á
3 addHandler: function(element, type, handler){
4 if (element.addEventListener){
5 element.addEventListener(type, handler, false);
6 } else if (element.attachEvent){
7 element.attachEvent("on" + type, handler);
8 } else {
9 element["on" + type] = handler;
10 }
11 },
12 //ÒÆ³ý×¢²á
13 removeHandler: function(element, type, handler){
14 if (element.removeEventListener){
15 element.removeEventListener(type, handler, false);
16 } else if (element.detachEvent){
17 element.detachEvent("on" + type, handler);
18 } else {
19 element["on" + type] = null;
20 }
21 }
22 };

ʼþ¶ÔÏóÒýÓÃ

ΪÁ˸üºÃµÄ´¦Àíʼþ£¬Äã¿ÉÒÔ¸ù¾ÝËù·¢ÉúµÄʼþµÄÌØ¶¨ÊôÐÔÀ´²ÉÈ¡²»Í¬µÄ²Ù×÷¡£

ÈçʼþÄ£ÐÍÒ»Ñù£¬IE ºÍÆäËûä¯ÀÀÆ÷´¦Àí·½·¨²»Í¬£ºIE ʹÓÃÒ»¸ö½Ð×ö event µÄÈ«¾Öʼþ¶ÔÏóÀ´´¦Àí¶ÔÏó£¨Ëü¿ÉÒÔÔÚÈ«¾Ö±äÁ¿window.eventÖÐÕÒµ½£©£¬¶øÆäËüËùÓÐä¯ÀÀÆ÷²ÉÓÃµÄ W3C ÍÆ¼öµÄ·½Ê½£¬ÔòʹÓöÀÁ¢µÄ°üº¬Ê¼þ¶ÔÏóµÄ²ÎÊý´«µÝ¡£

¿çä¯ÀÀÆ÷ʵÏÖÕâÑùµÄ¹¦ÄÜʱ£¬×î³£¼ûµÄÎÊÌâ¾ÍÊÇ»ñȡʼþ±¾ÉíµÄÒýÓü°»ñÈ¡¸ÃʼþµÄÄ¿±êÔªËØµÄÒýÓá£

ÏÂÃæÕâ¶Î´úÂë¾ÍΪÄã½â¾öÁËÕâ¸öÎÊÌ⣺

var EventUtil ={
2 getEvent: function(event){
3 return event ? event : window.event;
4 },
5 getTarget: function(event){
6 return event.target || event.srcElement;
7 }
8 };

ֹͣʼþðÅݺÍ×èֹʼþµÄĬÈÏÐÐΪ

¡°Í£Ö¹Ê¼þðÅÝ¡°ºÍ¡±×èÖ¹ä¯ÀÀÆ÷µÄĬÈÏÐÐΪ¡°£¬ÕâÁ½¸ö¸ÅÄî·Ç³£ÖØÒª£¬ËüÃǶԸ´ÔÓµÄÓ¦ÓóÌÐò´¦Àí·Ç³£ÓÐÓá£

1.ֹͣʼþðÅÝ

ֹͣʼþðÅÝÊÇÖ¸£¬Í£Ö¹Ã°ÅÝÐÍʼþµÄ½øÒ»²½´«µÝ£¨È¡Ïûʼþ´«µÝ,²»Ö»ÊÇÍ£Ö¹IEºÍDOM±ê×¼¹²ÓеÄðÅÝÐÍʼþ£¬ÎÒÃÇ»¹¿ÉÒÔÍ£Ö¹Ö§³ÖDOM±ê×¼ä¯ÀÀÆ÷µÄ²¶×½ÐÍʼþ£¬ÓÃtopPropagation()·½·¨£©¡£ÀýÈçÉÏͼÖеÄðÅÝÐÍʼþ´«µÝÖУ¬ÔÚbody´¦Àíֹͣʼþ´«µÝºó£¬Î»ÓÚÉϲãµÄdocumentµÄʼþ¼àÌýÆ÷¾Í²»ÔÙÊÕµ½Í¨Öª£¬²»ÔÙ±»´¦Àí¡£

2.×èֹʼþµÄĬÈÏÐÐΪ

ֹͣʼþµÄĬÈÏÐÐΪÊÇÖ¸£¬Í¨³£ä¯ÀÀÆ÷ÔÚʼþ´«µÝ²¢´¦ÀíÍêºó»áÖ´ÐÐÓë¸Ãʼþ¹ØÁªµÄĬÈ϶¯×÷£¨Èç¹û´æÔÚÕâÑùµÄ¶¯×÷£©¡£ÀýÈ磬Èç¹û±íµ¥ÖÐinput type ÊôÐÔÊÇ ¡°submit¡±£¬µã»÷ºóÔÚʼþ´«²¥Íêä¯ÀÀÆ÷¾Í×Ô¶¯Ìá½»±íµ¥¡£ÓÖÀýÈ磬input ÔªËØµÄ keydown ʼþ·¢Éú²¢´¦Àíºó£¬ä¯ÀÀÆ÷ĬÈϻὫÓû§¼üÈëµÄ×Ö·û×Ô¶¯×·¼Óµ½ input ÔªËØµÄÖµÖС£

ֹͣʼþðÅݵĴ¦Àí·½·¨£º

ÔÚIEÏÂ,ͨ¹ýÉèÖÃevent¶ÔÏóµÄcancelBubbleΪtrue¼´¿É¡£

function someHandle() {
2 window.event.cancelBubble = true;
3 }

DOM±ê׼ͨ¹ýµ÷ÓÃevent¶ÔÏóµÄstopPropagation()·½·¨¼´¿É¡£

 function someHandle(event) {
2 event.stopPropagation();
3 }

ÒòЩ£¬¿çä¯ÀÀÆ÷µÄֹͣʼþ´«µÝµÄ·½·¨ÊÇ:

function someHandle(event) {
2 event = event || window.event;
3 if(event.stopPropagation){
4 event.stopPropagation();
5 }else {
6 event.cancelBubble = true;
7 }
8 }

×èֹʼþµÄĬÈÏÐÐΪµÄ´¦Àí·½·¨

¾ÍÏñʼþÄ£ÐͺÍʼþ¶ÔÏó²îÒìÒ»Ñù£¬ÔÚIEºÍÆäËüËùÓÐä¯ÀÀÆ÷ÖÐ×èֹʼþµÄĬÈÏÐÐΪµÄ·½·¨Ò²²»Í¬¡£

ÔÚIEÏÂ,ͨ¹ýÉèÖÃevent¶ÔÏóµÄreturnValueΪfalse¼´¿É¡£

function someHandle() {
2 window.event.returnValue = false;
3 }

DOM±ê׼ͨ¹ýµ÷ÓÃevent¶ÔÏóµÄpreventDefault()·½·¨¼´¿É¡£

function someHandle(event) {
2 event.preventDefault();
3 }

ÒòЩ£¬¿çä¯ÀÀÆ÷µÄÈ¡Ïûʼþ´«µÝºóµÄĬÈÏ´¦Àí·½·¨ÊÇ£º

function someHandle(event) {
2 event = event || window.event;
3 if(event.preventDefault){
4 event.preventDefault();
5 }else{
6 event.returnValue = false;
7 }
8 }

ÍêÕûµÄʼþ´¦Àí¼æÈÝÐÔº¯Êý

var EventUtil = {
2 addHandler: function(element, type, handler){
3 if (element.addEventListener){
4 element.addEventListener(type, handler, false);
5 } else if (element.attachEvent){
6 element.attachEvent("on" + type, handler);
7 } else {
8 element["on" + type] = handler;
9 }
10 },
11 removeHandler: function(element, type, handler){
12 if (element.removeEventListener){
13 element.removeEventListener(type, handler, false);
14 } else if (element.detachEvent){
15 element.detachEvent("on" + type, handler);
16 } else {
17 element["on" + type] = null;
18 }
19 },
20 getEvent: function(event){
21 return event ? event : window.event;
22 },
23 getTarget: function(event){
24 return event.target || event.srcElement;
25 },
26 preventDefault: function(event){
27 if (event.preventDefault){
28 event.preventDefault();
29 } else {
30 event.returnValue = false;
31 }
32 },
33 stopPropagation: function(event){
34 if (event.stopPropagation){
35 event.stopPropagation();
36 } else {
37 event.cancelBubble = true;
38 }
39 };

²¶»ñÐÍʼþÄ£ÐÍÓëðÅÝÐÍʼþÄ£Ð͵ÄÓ¦Óó¡ºÏ

±ê׼ʼþÄ£ÐÍΪÎÒÃÇÌṩÁËÁ½ÖÖ·½°¸£¬¿ÉÄܺܶàÅóÓÑ·Ö²»ÇåÕâÁ½ÖÖ²»Í¬Ä£ÐÍÓÐɶºÃ´¦£¬ÎªÊ²Ã´²»Ö»²ÉȡһÖÖÄ£ÐÍ¡£

ÕâÀïÅ׿ªIEä¯ÀÀÆ÷ÌÖÂÛ£¨IEÖ»ÓÐÒ»ÖÖ£¬Ã»·¨Ñ¡Ôñ£©Ê²Ã´Çé¿öÏÂÊʺÏÄÄÖÖʼþÄ£ÐÍ¡£

1. ²¶»ñÐÍÓ¦Óó¡ºÏ

²¶»ñÐÍʼþ´«µÝÓÉ×î²»¾«È·µÄ׿ÏÈÔªËØÒ»Ö±µ½×ȷµÄʼþÔ´ÔªËØ£¬´«µÝ·½Ê½Óë²Ù×÷ϵͳÖеÄÈ«¾Ö¿ì½Ý¼üÓëÓ¦ÓóÌÐò¿ì½Ý¼üÏàËÆ¡£µ±Ò»¸öϵͳ×éºÏ¼ü·¢Éúʱ£¬Èç¹û×¢²áÁËϵͳȫ¾Ö¿ì½Ý¼ü¼àÌýÆ÷£¬¸Ãʼþ¾ÍÏȱ»²Ù×÷ϵͳ²ã²¶»ñ£¬È«¾Ö¼àÌýÆ÷¾ÍÏÈÓÚÓ¦ÓóÌÐò¿ì½Ý¼ü¼àÌýÆ÷µÃµ½Í¨Öª£¬Ò²¾ÍÊÇÈ«¾ÖµÄÏÈ»ñµÃ¿ØÖÆÈ¨£¬ËüÓÐȨ×èֹʼþµÄ½øÒ»²½´«µÝ¡£ËùÒÔ²¶»ñÐÍʼþÄ£ÐÍÊÊÓÃÓÚ×÷È«¾Ö·¶Î§ÄڵļàÌý£¬ÕâÀïµÄÈ«¾ÖÊÇÏà¶ÔµÄÈ«¾Ö£¬Ïà¶ÔÓÚij¸ö¶¥²ã½áµãÓë¸Ã½áµãËùÓÐ×ÓËï½áµãÐγɵļ¯ºÏ·¶Î§¡£

ÀýÈçÄãÏë×÷È«¾ÖµÄµã»÷ʼþ¼àÌý£¬Ïà¶ÔÓÚdocument½áµãÓëdocumentÏÂËùÓеÄ×Ó½áµã£¬ÔÚij¸öÌõ¼þÏÂÒªÇóËùÓеÄ×Ó½áµãµã»÷ÎÞЧ£¬ÕâÖÖÇé¿öÏÂðÅÝÄ£Ð;ͽâ¾ö²»ÁËÁË£¬¶ø²¶»ñÐÍÈ´·Ç³£Êʺϣ¬¿ÉÒÔÔÚ×î¶¥²ã½áµãÌí¼Ó²¶»ñÐÍʼþ¼àÌýÆ÷£¬Î±ÂëÈçÏÂ:

function globalClickListener(event) {
2 if(canEventPass == false) {
3 //È¡Ïûʼþ½øÒ»²½Ïò×Ó½áµã´«µÝºÍðÅÝ´«µÝ
4 event.stopPropagation();
5 //È¡Ïûä¯ÀÀÆ÷ʼþºóµÄĬÈÏÖ´ÐÐ
6 event.preventDefault();
7 }
8 }

ÕâÑùÒ»À´£¬µ±canEventPassÌõ¼þΪ¼Ùʱ£¬documentÏÂËùÓеÄ×Ó½áµãclick×¢²áʼþ¶¼²»»á±»ä¯ÀÀÆ÷´¦Àí¡£

2. ðÅÝÐ͵ÄÓ¦Óó¡ºÏ

¿ÉÒÔ˵ÎÒÃÇÆ½Ê±ÓõͼÊÇðÅÝʼþÄ£ÐÍ£¬ÒòΪIEÖ»Ö§³ÖÕâÄ£ÐÍ¡£ÕâÀﻹÊÇ˵˵£¬ÔÚÇ¡µ±ÀûÓøÃÄ£ÐÍ¿ÉÒÔÌá¸ß½Å±¾ÐÔÄÜ¡£ÔÚÔªËØÒ»Ð©Æµ·±´¥·¢µÄʼþÖУ¬Èç
onmousemove,onmouseover,onmouseout,Èç¹ûÃ÷ȷʼþ´¦Àíºóû±ØÒª½øÒ»²½´«µÝ£¬ÄÇô¾Í¿ÉÒԴ󵨵ÄÈ¡ÏûËü¡£´ËÍ⣬¶ÔÓÚ×Ó½áµãʼþ¼àÌýÆ÷µÄ´¦Àí»á¶Ô¸¸
²ã¼àÌýÆ÷´¦ÀíÔì³É¸ºÃæÓ°ÏìµÄ£¬Ò²Ó¦¸ÃÔÚ×Ó½áµã¼àÌýÆ÷Öнûֹʼþ½øÒ»²½ÏòÉÏ´«µÝÒÔÏû³ýÓ°Ïì¡£

×ۺϰ¸Àý·ÖÎö

×îºó½áºÏÏÂÃæHTML´úÂë×÷·ÖÎö:

<body onclick="alert('current is body');">
2 <div id="div0" onclick="alert('current is '+this.id)">
3 <div id="div1" onclick="alert('current is '+this.id)">
4 <div id="div2" onclick="alert('current is '+this.id)">
5 <div id="event_source" onclick="alert('current is '+this.id)" style="height:200px;width:200px;background-color:red;"></div>
6 </div>
7 </div>
8 </div>
9 </body>

HTMLÔËÐкóµã»÷ºìÉ«ÇøÓò,ÕâÊÇ×îÀï²ãµÄDIV,¸ù¾ÝÉÏÃæËµÃ÷,ÎÞÂÛÊÇDOM±ê×¼»¹ÊÇIE,Ö±½ÓдÔÚhtmlÀïµÄ¼àÌý´¦Àíº¯ÊýÊÇʼþðÅÝ´«µÝʱµ÷ÓõÄ,ÓÉ×îÀï²ãÒ»Ö±ÍùÉÏ´«µÝ,ËùÒÔ»áÏȺó³öÏÖ

current is event_source
current is div2
current is div1
current is div0
current is body

¼ÓÒÔÏÂÆ¬¶Î:

 var div2 = document.getElementById('div2');
2 EventUtil.addHandler(div2, 'click', function(event){
3 event = EventUtil.getEvent(event);
4 EventUtil.stopPropagation(event);
5 }, false); current is event_sourcecurrent is div2

µ±µã»÷ºìÉ«ÇøÓòºó,¸ù¾ÝÉÏÃæËµÃ÷,ÔÚÅÝðÅÝ´¦ÀíÆÚ¼ä,ʼþ´«µÝµ½div2ºó±»Í£Ö¹´«µÝÁË,ËùÒÔdiv2ÉϲãµÄÔªËØÊÕ²»µ½Í¨Öª,ËùÒÔ»áÏȺó³öÏÖ:
ÔÚÖ§³ÖDOM±ê×¼µÄä¯ÀÀÆ÷ÖÐ,Ìí¼ÓÒÔÏ´úÂë:

document.body.addEventListener('click', function(event){
event.stopPropagation(); }, true);

ÒÔÉÏ´úÂëÖеļàÌýº¯ÊýÓÉÓÚÊDz¶»ñÐÍ´«µÝʱ±»µ÷ÓõÄ,ËùÒÔµã»÷ºìÉ«ÇøÓòºó,ËäȻʼþÔ´ÊÇIDΪevent_sourceµÄÔªËØ,µ«²¶»ñÐÍÑ¡´«µÝ,´Ó×î¶¥²ã¿ªÊ¼,body½áµã¼àÌýº¯ÊýÏȱ»µ÷ÓÃ,²¢ÇÒÈ¡ÏûÁËʼþ½øÒ»²½ÏòÏ´«µÝ,ËùÒÔÖ»»á³öÏÖ current is body .

   
2530 ´Îä¯ÀÀ       27
Ïà¹ØÎÄÕ Ïà¹ØÎĵµ Ïà¹Ø¿Î³Ì



Éî¶È½âÎö£ºÇåÀíÀôúÂë
ÈçºÎ±àд³öÓµ±§±ä»¯µÄ´úÂë
ÖØ¹¹-ʹ´úÂë¸ü¼ò½àÓÅÃÀ
ÍŶÓÏîÄ¿¿ª·¢"±àÂë¹æ·¶"ϵÁÐÎÄÕÂ
ÖØ¹¹-¸ÄÉÆ¼ÈÓдúÂëµÄÉè¼Æ
Èí¼þÖØ¹¹v2
´úÂëÕû½àÖ®µÀ
¸ßÖÊÁ¿±à³Ì¹æ·¶
»ùÓÚHTML5¿Í»§¶Ë¡¢Web¶ËµÄÓ¦Óÿª·¢
HTML 5+CSS ¿ª·¢
ǶÈëʽC¸ßÖÊÁ¿±à³Ì
C++¸ß¼¶±à³Ì
×îл¼Æ»®
DeepSeekÔÚÈí¼þ²âÊÔÓ¦ÓÃʵ¼ù 4-12[ÔÚÏß]
DeepSeek´óÄ£ÐÍÓ¦Óÿª·¢Êµ¼ù 4-19[ÔÚÏß]
UAF¼Ü¹¹ÌåϵÓëʵ¼ù 4-11[±±¾©]
AIÖÇÄÜ»¯Èí¼þ²âÊÔ·½·¨Óëʵ¼ù 5-23[ÉϺ£]
»ùÓÚ UML ºÍEA½øÐзÖÎöÉè¼Æ 4-26[±±¾©]
ÒµÎñ¼Ü¹¹Éè¼ÆÓ뽨ģ 4-18[±±¾©]

AndroidÊÖ»ú¿ª·¢£¨Ò»£©
Àí½âJavascript
·ÇµäÐÍajaxʵ¼ù
³¹µ×µÄAjax
javascript ʹÓÃCookies
ʹÓà jQuery ¼ò»¯ Ajax ¿ª·¢

Struts+Spring+Hibernate
»ùÓÚJ2EEµÄWeb 2.0Ó¦Óÿª·¢
J2EEÉè¼ÆÄ£Ê½ºÍÐÔÄܵ÷ÓÅ
Java EE 5ÆóÒµ¼¶¼Ü¹¹Éè¼Æ
Javaµ¥Ôª²âÊÔ·½·¨Óë¼¼Êõ
Java±à³Ì·½·¨Óë¼¼Êõ

ijº½¿Õ¹«Ë¾IT²¿ JavaScriptʵ¼ù
ijµçÊÓÈí¼þ HTML5ºÍJavaScript
Öк½ÐÅ JavaScript¸ß¼¶Ó¦Óÿª·¢
´óÇìÓÍÌï web½çÃæAjax¿ª·¢¼¼Êõ
ºÍÀûʱ ʹÓÃAJAX½øÐÐWEBÓ¦Óÿª·¢