[·Òë]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¡£
----------
Ïà¹ØÎĵµ£º
ÒÔÏÂÒÔ IE ´úÌæ Internet Explorer£¬ÒÔ MF ´úÌæ Mozzila Firefox
1. document.form.item ÎÊÌâ
(1)ÏÖÓÐÎÊÌ⣺
ÏÖÓдúÂëÖдæÔÚÐí¶à document.formName.item("itemName") ÕâÑùµÄÓï¾ä£¬²»ÄÜÔÚ MF ÏÂÔËÐÐ
(2)½â¾ö·½·¨£º
&nb ......
Ò»¡¢¸ÅÊö
¿¼ÂÇHtml±¾Éí²»´ø¶¨Ê±Ë¢ÐÂÒ³ÃæµÄ¿Ø¼þ£¬ÇÒ²»¿¼ÂÇʹÓõÚÈý·½¿Ø¼þ£»Òò´Ë¿¼ÂÇʹÓÃJavascriptÖеÄsetTimeout+xmlhttpÀ´ÊµÏÖ¶¨Ê±¸üÐÂÒ³ÃæÖв¿·ÖÄÚÈÝ£¬´ËʵÏÖÔÚIE6.0¼°ÒÔÉϰ汾²âÊÔͨ¹ý£¬ÆäËûä¯ÀÀÆ÷ÔÝʱδ²âÊÔ¹ý¡£
¶þ¡¢¹¦Äܼ°Ìصã
1¡¢Javascriptͨ¹ýMicrosoftµÄMSXML¶ÔÏ󣬶¯Ì¬»ñÈ¡ºǫ́Êý¾Ý¿âÊý¾Ý£»
&n ......
Ò»¡¢¸ÅÊö
Marquee£ºHtmlÖйöÆÁ¿Ø¼þ£¬¿ÉÒÔʹ°üº¬Ôڴ˱ê¼ÇÖеÄÄÚÈݽøÐи÷¸ö·½Ïò£¬¸÷ÖÖËٶȵĹö¶¯£¬Òò´ËÔÚ²»¿¼ÂÇʹÓõÚÈý·½¿Ø¼þµÄǰÌáÏ£¬¿¼ÂÇʹÓÃMarquee+xmlhttpÀ´ÊµÏÖ¶¨´Î¸üÐÂÒ³ÃæÖеĹö¶¯ÄÚÈÝ£¬´ËʵÏÖÔÚIE6.0¼°ÒÔÉϰ汾²âÊÔͨ¹ý£¬ÆäËûä¯ÀÀÆ÷ÔÝʱδ²âÊÔ¹ý¡£
MarqueeÖеÄonfinishʼþ£ºÔÚ¸øMarqueeÊôÐÔloop¸ ......
var myDate = new Date();
myDate.getYear(); //»ñÈ¡µ±Ç°Äê·Ý(2λ)
myDate.getFullYear(); //»ñÈ¡ÍêÕûµÄÄê·Ý(4λ,1970-????)
myDate.getMonth(); //»ñÈ¡µ±Ç°Ô·Ý(0-11,0´ú±í1 ......
ÃæÏò¶ÔÏóÒѲ»ÔÙÊÇÖ¸·â×°¡¢¼Ì³Ð¡¢³éÏóµÈÉè¼Æ·½·¨£¬Ä¿Ç°ÒÑ¾Éæ¼°µ½ÃæÏò¶ÔÏóµÄ·ÖÎö£¨OOA£¬Object Oriented Analysis£©£¬ÃæÏò¶ÔÏóµÄÉè¼Æ£¨OOD£¬Object Oriented Design£©¼°ÃæÏò¶ÔÏóµÄ±à³ÌʵÏÖ£¨OOP£¬Object Oriented Programming£©¡£±¾Æ¬ÎÄÕÂÖ÷ÒªÌÖÂÛµÄÊÇÈçºÎʵÏÖJavascriptµÄÃæÏò¶ÔÏóÉè¼Æ¡£
JavascriptÊǽű¾ÓïÑÔ£¬ÊÇ»ùÓÚ¶ÔÏó ......