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

JavaScriptÖÐthis¹Ø¼ü×ÖʹÓ÷½·¨Ïê½â

ÔÚÃæÏò¶ÔÏó±à³ÌÓïÑÔÖУ¬¶ÔÓÚthis¹Ø¼ü×ÖÎÒÃÇÊǷdz£ÊìϤµÄ¡£±ÈÈçC++¡¢C#ºÍJavaµÈ¶¼ÌṩÁËÕâ¸ö¹Ø¼ü×Ö£¬ËäÈ»ÔÚ¿ªÊ¼Ñ§Ï°µÄʱºò¾õµÃ±È½ÏÄÑ£¬µ«Ö»ÒªÀí½âÁË£¬ÓÃÆðÀ´ÊǷdz£·½±ãºÍÒâÒåÈ·¶¨µÄ¡£JavaScriptÒ²ÌṩÁËÕâ¸öthis¹Ø¼ü×Ö£¬²»¹ýÓÃÆðÀ´¾Í±È¾­µäOOÓïÑÔÖÐÒª"»ìÂÒ"µÄ¶àÁË¡£
ÏÂÃæ¾ÍÀ´¿´¿´£¬ÔÚJavaScriptÖи÷ÖÖthisµÄʹÓ÷½·¨ÓÐʲô»ìÂÒÖ®´¦£¿
1¡¢ÔÚHTMLÔªËØÊ¼þÊôÐÔÖÐinline·½Ê½Ê¹ÓÃthis¹Ø¼ü×Ö£º
<div onclick="
// ¿ÉÒÔÔÚÀïÃæÊ¹ÓÃthis
">division element</div>
ÎÒÃÇÒ»°ã±È½Ï³£Óõķ½·¨ÊÇÔÚ´ËʹÓãºjavascirpt: EventHandler(this)£¬ÕâÑùµÄÐÎʽ¡£²»¹ýÕâÀïÆäʵ¿ÉÒÔдÈκκϷ¨µÄJavaScriptÓï¾ä£¬ÒªÊǸßÐËÔڴ˶¨Òå¸öÀàÒ²¿ÉÒÔ(²»¹ý½«»áÊǸöÄÚ²¿Àà)¡£ÕâÀïµÄÔ­ÀíÊǽű¾ÒýÇæÉú³ÉÁËÒ»¸ödivʵÀý¶ÔÏóµÄÄäÃû³ÉÔ±·½·¨£¬¶øonclickÖ¸ÏòÕâ¸ö·½·¨¡£
2¡¢ÓÃDOM·½Ê½ÔÚʼþ´¦Àíº¯ÊýÖÐʹÓÃthis¹Ø¼ü×Ö£º
¸´ÖÆ´úÂë ´úÂëÈçÏÂ:
<div id="elmtDiv">division element</div>
<script language="javascript">
var div = document.getElementById('elmtDiv');
div.attachEvent('onclick', EventHandler);
function EventHandler()
{
// ÔÚ´ËʹÓÃthis
}
</script>
ÕâʱµÄEventHandler()·½·¨ÖеÄthis¹Ø¼ü×Ö£¬Ö¸Ê¾µÄ¶ÔÏóÊÇIEµÄwindow¶ÔÏó¡£ÕâÊÇÒòΪEventHandlerÖ»ÊÇÒ»¸öÆÕͨµÄº¯Êý£¬¶ÔÓÚattachEventºó£¬½Å±¾ÒýÇæ¶ÔËüµÄµ÷ÓúÍdiv¶ÔÏó±¾ÉíûÓÐÈκεĹØÏµ¡£Í¬Ê±Äã¿ÉÒÔÔÙ¿´¿´EventHandlerµÄcallerÊôÐÔ£¬ËüÊǵÈÓÚnullµÄ¡£Èç¹ûÎÒÃÇÒªÔÚÕâ¸ö·½·¨ÖлñµÃdiv¶ÔÏóÒýÓã¬Ó¦¸ÃʹÓãºthis.event.srcElement¡£
3¡¢ÓÃDHTML·½Ê½ÔÚʼþ´¦Àíº¯ÊýÖÐʹÓÃthis¹Ø¼ü×Ö£º
<div id="elmtDiv">division element</div>
<script language="javascript">
var div = document.getElementById('elmtDiv');
div.onclick = function()
{
// ÔÚ´ËʹÓÃthis
};
</script>
ÕâÀïµÄthis¹Ø¼ü×ÖָʾµÄÄÚÈÝÊÇdivÔªËØ¶ÔÏóʵÀý£¬Ôڽű¾ÖÐʹÓÃDHTML·½Ê½Ö±½ÓΪdiv.onclick¸³ÖµÒ»¸öEventHandlerµÄ·½·¨£¬µÈÓÚΪdiv¶ÔÏóʵÀýÌí¼ÓÒ»¸ö³ÉÔ±·½·¨¡£ÕâÖÖ·½Ê½ºÍµÚÒ»ÖÖ·½·¨µÄÇø±ðÊÇ£¬µÚÒ»ÖÖ·½·¨ÊÇʹÓÃHTML·½Ê½£¬¶øÕâÀïÊÇDHTML·½Ê½£¬ºóÕ߽ű¾½âÎöÒýÇæ²»»áÔÙÉú³ÉÄäÃû·½·¨¡£
4¡¢ÀඨÒåÖÐʹÓÃthis¹Ø¼ü×Ö£º
¸´ÖÆ´úÂë ´úÂëÈçÏÂ:
function JSClass()
{
var myName = 'jsclass';
this.m_Name = 'JSClass';
}
JSClass.prototype


Ïà¹ØÎĵµ£º

javascript prototype

 
ÏÂÃæ¶¼ÊǸöÈËÀí½âÒÔ¼°²éÕÒµÄÍøÉϵÄ×ÊÁÏ,ÈçÓв»¶ÔµÄµØ·½ÇëÖ¸Õý
prototype
prototypeÔÚÕâÀïÊÇÔ­Ð͵ÄÒâ˼,²»ÊÇÖ¸ÄǸö¿ò¼Ü...
ÿ¸öº¯Êý¾ÍÊÇÒ»¸ö¶ÔÏó£¨Function£©£¬µ±º¯Êý±»½âÎöºó»áÌí¼ÓÒ»¸öprototypeµÄ¶ÔÏó,È»ºóprototype»áÌí¼ÓÒ»¸öconstructorµÄÊôÐÔ
ËüÖ¸ÏòÄǸöº¯ÊýµÄ
±ÈÈ綨ÒåÒ»¸öfunction test(){}
Ëü»á ......

JavaScript»ù±¾ÊôÐÔ·½·¨²Î¿¼


JavaScript»ù±¾ÊôÐÔ·½·¨²Î¿¼
document.body.scrollTop  ·µ»ØºÍÉèÖõ±Ç°ÊúÏò¹ö¶¯ÌõµÄ×ø±êÖµ£¬ÐëÓ뺯ÊýÅäºÏ,
document.body.scrollLeft  ·µ»ØºÍÉèÖõ±Ç°ºáÏò¹ö¶¯ÎñµÄ×ø±êÖµ£¬ÐëÓ뺯ÊýÅäºÏ£¬
window.status=defaultStatus  ½«×´Ì¬À¸ÉèÖÃĬÈÏÏÔʾ
Obejct.innerHTML ¶ÔÏóObject±êÇ©ÖеÄhtmlÔ´´úÂë
Ob ......

10¸ö·Ç³£°ôµÄAjax¼°JavascriptʵÀý×ÊÔ´ÍøÕ¾

1.Ajax Rain
¡¡¡¡AjaxRainÓкܶàÍêÃÀÕûºÏAJAX, CSS, DHTML »ò JavascriptµÄʵÀý£¬ÓÐһЩDemoµÄÈ·ÖµµÃÄãÈ¥¿´Ò»¿´£¬¼´Ê¹Äã²»ÊÇÍøÒ³Éè¼Æ(¿ª·¢)ʦ¡£
Ajax/JavascriptʵÀý:
 EXT JS Date Picker
 jQuery Feed Menu
 jGrowl
 FastFind Menu – Jquery
 Spiffy Accordion
2.Ajax Daddy
¡¡¡ ......

ÀûÓÃJavascriptÏòÒ³ÃæÖвåÈëTABLE£¬IEÏÂÎÞ·¨Õý³£ÏÔʾ

ÀûÓÃJavascriptÏòÒ³ÃæÖвåÈëTABLE£¬IEÏÂÎÞ·¨Õý³£ÏÔʾ
¹Ø¼ü×Ö: table, appendchild, ie, firefox
ÔÚÏîÄ¿ÖÐżȻÓöµ½Ò»¸ö¹ÖÒìµÄÎÊÌ⣬ÎÒÒªÀûÓÃjavascript¶¯Ì¬µÄÏòÒ»¸öDIVÖвåÈëһЩ¸öTABLE£¬Firefox¿ÉÒÔÕý³£ÏÔʾ£¬¶øÔÚIEÏ£¬ÎÞÂÛ°æ±¾ÊÇ6»ò7£¬¾ùÎÞ·¨¿´µ½Õâ¸öTABLE¡£µ«ÊÇ£¬Èç¹ûÎÒÖ±½Ó°ÑTABLEµÄHTML´úÂëдÔÚÒ³ÃæÉÏ£¬Ò»Çж¼ÄÜÕý ......

·­ÁË·­¡¶JavaScript»ù´¡½Ì³Ì¡·£¬ÕûÀíϳ£ÓÃ֪ʶµã

    ѧºÃASP.NET£¬JavaScriptÏàµ±ÖØÒª£¬Ç°Ò»¶Îʱ¼ä¿´ÍêÁË¡¶JavaScript»ù´¡½Ì³Ì¡·£¨ÁîÈËÓôÃÆµÄÊÇ£¬ÔÚÎÒÂò»Ø¼ÒµÚÁù°æÖ®ºó£¬µÚÆß°æÆäʵÒѾ­ÓÐÁË£©¡£ºÃ¾Ãû¸´Ï°ÁË£¬¼ÓÉÏÆ½Ê±Ñ§Ï°ºÍ¹¤×÷Éæ¼°JavaScriptµÄ²¢²»¶à£¬ËùÒÔÓÐЩ¶¼µ­ÍüÁË¡£½ñÌìϰàÍæÁË»áwow£¬Äóöµãʱ¼ä¸´Ï°Ï£¬ÕûÀíÕûÀíһЩÈÝÒ×Íü¼ÇµÄ֪ʶµã¡£ÀÍÒݽáºÏ£ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ