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

[·­Òë]PPK ̸ JavaScript µÄ this ¹Ø¼ü×Ö


Ô­ÎÄ£ºJavaScript - The this keyword
ÔÚ JavaScript ÖÐ this ÊÇ×îÇ¿µÄ¹Ø¼ü×ÖÖ®Ò»¡£ÕâÆªÌùÎľÍÊÇÒª¸æËßÄãÈçºÎÓúà this¡£
ÏÂÃæÏȽ²ÈçºÎÔÚevent handling
(ʼþ´¦Àí)ÖÐÓÃËü£¬ÔÙ½Ó×ÅÊǽ² this µÄÆäËûÓ÷¨¡£
ËùÓÐÕß(Owner)
ÏÈÀ´¿´¿´º¯Êý doSomething() ÀïµÄ this ¾¿¾¹Ö¸Ïò(refer to)ÁËʲô£¿
function doSomething() {
this.style.color = '#cc0000';
}
JavaScriptµÄ this ×ÜÊÇÖ¸ÏòÕýÖ´Ðеĺ¯ÊýµÄËùÓÐÕß¡£»òÕßÊÇ˵£¬ËüÊÇÖ¸Ïòº¯ÊýÕâ¸ö¶ÔÏóµÄÒ»ÖÖÊÖ·¨¡£
ÔÚÒ³ÃæÖж¨ÒåÁË
doSomething() º¯Êýʱ£¬ËüµÄËùÓÐÕßÊÇÒ³Ãæ¡£È·ÇеÄ˵ÊÇÖ¸ JavaScript µÄ window ¶ÔÏó(È«¾Ö¶ÔÏó)¡£
¶ø
onclick ÊôÐÔ¹éÊô HTML ÔªËØËùÓС£
ÕâÖÖ¹éÊôË­ËùÓеÄȨÀûÊÇ JavaScript µÄ OO(ÃæÏò¶ÔÏó)ÌØÐԵĽá¹û¡£ÔÚ °Ñ¶ÔÏó×÷¹ØÁªÊý×é
Ò³ÃæÖÐÓиü¶àÐÅÏ¢¡£
------------ window --------------------------------------
| / \ |
| | |
| this |
| ---------------- | |
| | HTML ÔªËØ | <-- this ----------------- |
| ---------------- | | doSomething() | |
| | | ----------------- |
| -------------------- |
| | onclick ÊôÐÔ | |
| -------------------- |
| |
----------------------------------------------------------
ÕâÀïÔÚ doSomething() Ö´ÐÐʱ£¬¹Ø¼ü×Ö this Ö¸Ïò window(´°¿Ú) £¬¸Ãº¯Êý½«»á¸Ä¶¯ window µÄ style.color¡£
¶ø window ûÓÐ style Õâ¸ö¶ÔÏó£¬ËùÒԸú¯Êý»áÒý·¢ JavaScript µÄ´íÎó¡£
¿½±´(copying)
Òò´Ë£¬ÏëÒªÓúà this ¾ÍÇë¼ÌÐøÍùÏ¿´¡£ÏñÇ°ÃæµÄÀý×ÓÔÚº¯ÊýÖÐʹÓõÄÕâÖÖÇé¿ö£¬this Ö¸ÏòËü¹éÊôË­ËùÓеÄÄǸö HTML ÔªËØ¡£
Ò²¾ÍÊÇ˵£¬Óиöº¯Êý¿½±´Ö¸Ïò onclick ÊôÐÔ¡£ ÎÒÃÇÀ´¿´¿´ÔÚ´«Í³Ê¼þ×¢²á
ÖеÄÇé¿ö¡£
element.onclick = doSomething;
º¯ÊýÊÇËüÕû¸öµÄ¿½±´£¬Ö¸Ïò onclick ÊôÐÔ(ÏÖÔÚ±ä³ÉÁË·½·¨)¡£Òò´Ë£¬Ê¼þ´¦Àí±»Ö´ÐÐʱ£¬this Ö¸Ïò HTML ÔªËØ²¢½«¸Ä¶¯ color¡£
----------


Ïà¹ØÎĵµ£º

JavascriptµÄIEºÍFirefox¼æÈÝÐÔ»ã±à

ÒÔÏÂÒÔ IE ´úÌæ Internet Explorer£¬ÒÔ MF ´úÌæ Mozzila Firefox
1. document.form.item ÎÊÌâ
    (1)ÏÖÓÐÎÊÌ⣺
        ÏÖÓдúÂëÖдæÔÚÐí¶à document.formName.item("itemName") ÕâÑùµÄÓï¾ä£¬²»ÄÜÔÚ MF ÏÂÔËÐÐ
    (2)½â¾ö·½·¨£º
  &nb ......

ASP.NET+Ajax+JavascriptʵÏÖÒ³Ãædiv¶¨Ê±Ë¢ÐÂ

Ò»¡¢¸ÅÊö
  ¿¼ÂÇHtml±¾Éí²»´ø¶¨Ê±Ë¢ÐÂÒ³ÃæµÄ¿Ø¼þ£¬ÇÒ²»¿¼ÂÇʹÓõÚÈý·½¿Ø¼þ£»Òò´Ë¿¼ÂÇʹÓÃJavascriptÖеÄsetTimeout+xmlhttpÀ´ÊµÏÖ¶¨Ê±¸üÐÂÒ³ÃæÖв¿·ÖÄÚÈÝ£¬´ËʵÏÖÔÚIE6.0¼°ÒÔÉϰ汾²âÊÔͨ¹ý£¬ÆäËûä¯ÀÀÆ÷ÔÝʱδ²âÊÔ¹ý¡£
¶þ¡¢¹¦Äܼ°Ìصã
  1¡¢Javascriptͨ¹ýMicrosoftµÄMSXML¶ÔÏ󣬶¯Ì¬»ñÈ¡ºǫ́Êý¾Ý¿âÊý¾Ý£»
&n ......

ASP.NET+Ajax+JavascriptʵÏÖÒ³Ãæ¶¨´Îˢйö¶¯ÄÚÈÝ

Ò»¡¢¸ÅÊö
  Marquee£ºHtmlÖйöÆÁ¿Ø¼þ£¬¿ÉÒÔʹ°üº¬Ôڴ˱ê¼ÇÖеÄÄÚÈݽøÐи÷¸ö·½Ïò£¬¸÷ÖÖËٶȵĹö¶¯£¬Òò´ËÔÚ²»¿¼ÂÇʹÓõÚÈý·½¿Ø¼þµÄǰÌáÏ£¬¿¼ÂÇʹÓÃMarquee+xmlhttpÀ´ÊµÏÖ¶¨´Î¸üÐÂÒ³ÃæÖеĹö¶¯ÄÚÈÝ£¬´ËʵÏÖÔÚIE6.0¼°ÒÔÉϰ汾²âÊÔͨ¹ý£¬ÆäËûä¯ÀÀÆ÷ÔÝʱδ²âÊÔ¹ý¡£
  MarqueeÖеÄonfinishʼþ£ºÔÚ¸øMarqueeÊôÐÔloop¸ ......

JavaScript Ïà¹Ø —— È¡µ±Ç°ÈÕÆÚ

var myDate = new Date();
    myDate.getYear();       //»ñÈ¡µ±Ç°Äê·Ý(2λ)
    myDate.getFullYear();   //»ñÈ¡ÍêÕûµÄÄê·Ý(4λ,1970-????)
    myDate.getMonth();      //»ñÈ¡µ±Ç°Ô·Ý(0-11,0´ú±í1 ......

javascript ÃæÏò¶ÔÏ󿪷¢

ÃæÏò¶ÔÏóÒѲ»ÔÙÊÇÖ¸·â×°¡¢¼Ì³Ð¡¢³éÏóµÈÉè¼Æ·½·¨£¬Ä¿Ç°ÒѾ­Éæ¼°µ½ÃæÏò¶ÔÏóµÄ·ÖÎö£¨OOA£¬Object Oriented Analysis£©£¬ÃæÏò¶ÔÏóµÄÉè¼Æ£¨OOD£¬Object Oriented Design£©¼°ÃæÏò¶ÔÏóµÄ±à³ÌʵÏÖ£¨OOP£¬Object Oriented Programming£©¡£±¾Æ¬ÎÄÕÂÖ÷ÒªÌÖÂÛµÄÊÇÈçºÎʵÏÖJavascriptµÄÃæÏò¶ÔÏóÉè¼Æ¡£
JavascriptÊǽű¾ÓïÑÔ£¬ÊÇ»ùÓÚ¶ÔÏó ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ