Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

²»ÌÆÍ»µÄJavaScriptµÄÆßÌõ×¼Ôò

 Ó¢ÎÄÔ­ÎÄ£ºThe seven rules of Unobtrusive JavaScript
Ô­ÎÄ×÷ÕߣºChris Heilmann
¾­¹ý¶àÄêµÄ¿ª·¢¡¢½ÌѧºÍ±àд²»ÌÆÍ»µÄJavaScript£¬ ÎÒ·¢ÏÖÁËÏÂÃæµÄһЩ׼Ôò¡£ÎÒÏ£ÍûËüÃÇ¿ÉÒÔ°ïÖúÄã¶Ô“ΪʲôÕâÑùÉè¼ÆºÍÖ´ÐÐJavaScript±È½ÏºÃ”ÓÐÒ»µãÀí½â¡£ÕâЩ¹æÔòÔø¾­°ïÖúÎÒ¸ü¿ìµØ½»¸¶²úÆ·£¬²¢ÇÒ²úÆ·µÄÖÊÁ¿¸ü¸ß£¬Ò²¸üÈÝÒ×ά»¤¡£
1.²»Òª×öÈκμÙÉè
£¨JavaScriptÊÇÒ»¸ö²»¿É¿¿µÄÖúÊÖ£©
¿ÉÄܲ»ÌÆÍ»µÄJavaScript µÄ×îÖØÒªµÄÒ»¸öÌØÐÔ¾ÍÊÇ——ÄãҪֹͣÈκμÙÉ裺
    * ²»Òª¼ÙÉèJavaScriptÊÇ¿ÉÓõģ¬Äã×îºÃÈÏΪËüºÜÓпÉÄÜÊDz»¿ÉÓõ쬶ø²»ÊÇÖ±½ÓÒÀÀµÓÚËü¡£
    * ÔÚÄã¾­¹ý²âÊÔÈ·ÈÏһЩ·½·¨ºÍÊôÐÔ¿ÉÒÔʹÓÃ֮ǰ£¬²»Òª¼ÙÉèä¯ÀÀÆ÷Ö§³ÖËüÃÇ¡£
    * ²»Òª¼ÙÉèHTML´úÂëÈçÄãÏëÏóµÄÄÇÑùÕýÈ·£¬Ã¿´Î¶¼Òª½øÐмì²é£¬²¢ÇÒµ±Æä²»¿ÉÓõÄʱºò¾ÍʲôҲ²»Òª×ö¡£
    * ÈÃJavaScriptµÄ¹¦ÄܶÀÁ¢ÓÚÊäÈëÉ豸
    * Òª¼ÇסÆäËûµÄ½Å±¾¿ÉÄÜ»áÓ°ÏìÄãµÄJavaScriptµÄ¹¦ÄÜ£¬ËùÒÔÒª±£Ö¤ÄãµÄ½Å±¾µÄ×÷ÓÃÓò¾¡¿ÉÄܵذ²È«¡£
ÔÚ¿ªÊ¼Éè¼ÆÄãµÄ½Å±¾Ö®Ç°£¬Òª¿¼ÂǵĵÚÒ»¼þÊÂÇé¾ÍÊǼì²éÒ»ÏÂÄãҪΪÆä±àд½Å±¾µÄHTML´úÂ룬¿´¿´ÓÐʲô¶«Î÷¿ÉÒÔ°ïÖúÄã´ïµ½Ä¿µÄ¡£
2.ÕÒ³ö¹³×ÓºÍ½Úµã¹ØÏµ
£¨HTMLÊǽű¾µÄ»ùʯ£©
ÔÚ¿ªÊ¼±àд½Å±¾Ö®Ç°£¬ÒªÏÈ¿´Ò»ÏÂÄãҪΪ֮±àдJavaScriptµÄHTML¡£Èç¹ûHTMLÊÇδ¾­×éÖ¯µÄ»òÕßδ֪µÄ£¬ÄÇôÄ㼸ºõ²»¿ÉÄÜÓÐÒ»¸öºÃµÄ
½Å±¾±àд·½°¸——ºÜ¿ÉÄܾͻá³öÏÖÏÂÃæµÄÇé¿ö£ºÒªÃ´ÊÇ»áÓÃJavaScript´´½¨Ì«¶à±ê¼Ç£¬ÒªÃ´¾ÍÊÇÓ¦ÓÃÌ«ÒÀÀµÓÚJavaScript¡£
ÔÚHTMLÖÐÓÐһЩ¶«Î÷ÐèÒª¿¼ÂÇ£¬ÄǾÍÊǹ³×ÓºÍ½Úµã¹ØÏµ¡£
<1>.HTML ¹³×Ó
HTML×î³õµÄºÍ×îÖØÒªµÄ¹³×Ó¾ÍÊÇID£¬¶øÇÒID¿ÉÒÔͨ¹ý×î¿ìµÄDOM·½·¨——getElementById
·ÃÎʵ½¡£Èç¹ûÔÚÒ»¸öÓÐЧµÄHTMLÎĵµÖÐËùÓеÄID¶¼ÊǶÀÒ»ÎÞ¶þµÄ»°£¨ÔÚIEÖйØÓÚname ºÍ ID
ÓÐÒ»¸öbug£¬²»¹ýÓÐЩºÃµÄÀà¿â½â¾öÁËÕâ¸öÎÊÌ⣩£¬Ê¹ÓÃID¾ÍÊǰ²È«¿É¿¿µÄ£¬²¢ÇÒÒ×ÓÚ²âÊÔ¡£
ÆäËûһЩ¹³×Ó¾ÍÊÇÊÇHTMLÔªËØºÍCSSÀ࣬HTMLÔªËØ¿ÉÒÔͨ¹ýgetElementsByTagName·½·¨·ÃÎÊ£¬¶øÔÚ¶àÊýä¯ÀÀÆ÷Öж¼»¹²»ÄÜ
ͨ¹ýÔ­ÉúµÄDOM·½·¨À´·ÃÎÊCSSÀà¡£²»¹ý£¬ÓкܶàÍⲿÀà¿âÌṩÁË¿ÉÒÔ·ÃÎÊCSSÀàÃû£¨ÀàËÆÓÚ getElementsByClassName£©
µÄ·½·¨¡£
<2>.HTML ½Úµã¹ØÏµ
¹ØÓÚHTMLµÄÁíÍâ±È½ÏÓÐÒâ˼µÄÒ»µã¾ÍÊDZê¼ÇÖ®¼äµÄ¹ØÏµ£¬Ë¼¿¼ÏÂÃæµÄÎÊÌ⣺
    * ÒªÔõÑù²Å¿ÉÒÔ×îÈÝÒ×µØ


Ïà¹ØÎĵµ£º

JavaScript »ñÈ¡¶ÔÏóµÄ¸ß¶ÈºÍ¿í¶ÈÏêϸ˵Ã÷

scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......

JavaScriptÃæÏò¶ÔÏó³ÌÐòÉè¼Æ(6): ·â×°

 ±¾²©¿Í×ªÔØÓÚ£ºhttp://devbean.javaeye.com/blog/407517
·â×°ÊÇÃæÏò¶ÔÏóµÄÖØÒª¸ÅÄîÖ®Ò»¡£Èç¹ûÒ»¸ö³ÌÐòûÓзâ×°ÐÔ£¬Ò²¾Í̸²»ÉÏÊ²Ã´ÃæÏò¶ÔÏó¡£µ«ÊÇ£¬JavaScript²¢²»ÏñÆäËûµÄÓïÑÔ£¬±ÈÈçJava£¬Óй«ÓбäÁ¿ºÍ˽ÓбäÁ¿µÈ£»ÔÚJavaScriptÖÐÖ»ÓÐÒ»ÖÖ×÷ÓÃÓò£º¹«ÓÐ×÷ÓÃÓò¡£ÔÚ±¾ÕÂÖУ¬ÎÒÃǽ«»á¼ûʶµ½JavaScriptÊÇÈçºÎʵÏÖ·â×°µÄÌØ ......

ÍøÒ³´òÓ¡javascript:window.print()

 
ÔÚ×öB/SÏîÄ¿¿ª·¢Ê±¡£ÄÑÃâ»áÓöµ½ÍøÒ³´òÓ¡ÎÊÌ⣡
±¾ÈËÔÚÍøÂçÉÏËѼ¯ µÄһЩ×ÊÁϹ° ´ó¼ÒʹÓã¡yzitw.com ¡íÍøÂç½£¿Í→ ËѼ¯
¿ÉÒÔÓÃcss¿ØÖÆ£¬¿´ÃÏÀÏ´óдµÄ¡£
@media print
.a {display:block}
.b {display:hidden}
ºÃÏñÊÇÕâÑù¡£°ÑÄã²»Ïë´òÓ¡µÄ²¿·ÖclassÉèΪb
Ê×ÏÈÔÚÍøÒ³ÖÐÌí¼Ó£º
    &n ......

JavaScriptµÄeval(¡°{JSON object string}¡±)ÎÊÌâ

ÔÚ×öAJAXÓ¦Óÿª·¢µÄʱºò£¬ÎÒÃÇͨ³£Ï²»¶°Ñ·þÎñÆ÷¶Ë·µ»ØµÄJSON¸ñʽ×Ö·û´®ÔÚ¿Í»§¶ËµÄ»Øµ÷º¯ÊýÖаÑËü×÷ΪJavaScript´úÂëÖ´Ðв¢ÓÃÒ»¸ö±äÁ¿±£´æÆðÀ´£¬ÒÔ·½±ãʹÓ÷µ»ØµÄÊý¾Ý¡£Í¨³£µÄ×ö·¨¾ÍÊÇvar jsonData = eval(xmlHttp.responseText)¡£Õâ¿´ÆðÀ´ËƺõÒ»Çж¼ÊÇÕýÈ·µÄ£¬µ«µ±ÄãÔËÐдúÂëµÄʱºò£¬Äã»á·¢ÏÖ±¨“invalid labe”´ ......

JavascriptÖÐ×î³£ÓõÄ55¸ö¾­µä¼¼ÇÉ£¨×ªÌù£©

 1. oncontextmenu="window.event.returnValue=false" ½«³¹µ×ÆÁ±ÎÊó±êÓÒ¼ü
<table border oncontextmenu=return(false)> <td>no </table> ¿ÉÓÃÓÚTable

2. <body onselectstart="return false"> È¡Ïûѡȡ¡¢·ÀÖ¹¸´ÖÆ

3. onpaste="return false&quo ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ