JavaScript this ¹Ø¼ü×Ö
thisÊÇJavascriptÓïÑÔµÄÒ»¸ö¹Ø¼ü×Ö¡£
Ëü´ú±íº¯ÊýÔËÐÐʱ£¬×Ô¶¯Éú³ÉµÄÒ»¸öÄÚ²¿¶ÔÏó£¬Ö»ÄÜÔÚº¯ÊýÄÚ²¿Ê¹ÓᣱÈÈ磬
¡¡¡¡function test(){
¡¡¡¡¡¡¡¡this.x = 1;
¡¡¡¡}
Ëæ×ź¯ÊýʹÓó¡ºÏµÄ²»Í¬£¬thisµÄÖµ»á·¢Éú±ä»¯¡£µ«ÊÇÓÐÒ»¸ö×ܵÄÔÔò£¬ÄǾÍÊÇthisÖ¸µÄÊÇ£¬µ÷Óú¯ÊýµÄÄǸö¶ÔÏó¡£
ÏÂÃæ·ÖËÄÖÖÇé¿ö£¬ÏêϸÌÖÂÛthisµÄÓ÷¨¡£
Çé¿öÒ»£º´¿´âµÄº¯Êýµ÷ÓÃ
ÕâÊǺ¯ÊýµÄ×îͨ³£Ó÷¨£¬ÊôÓÚÈ«¾ÖÐÔµ÷Óã¬Òò´Ëthis¾Í´ú±íÈ«¾Ö¶ÔÏóGlobal¡£
Çë¿´ÏÂÃæÕâ¶Î´úÂ룬ËüµÄÔËÐнá¹ûÊÇ1¡£
¡¡¡¡function test(){
¡¡¡¡¡¡¡¡this.x = 1;
¡¡¡¡¡¡¡¡alert(this.x);
¡¡¡¡}
¡¡¡¡test(); // 1
ΪÁËÖ¤Ã÷this¾ÍÊÇÈ«¾Ö¶ÔÏó£¬ÎÒ¶Ô´úÂë×öһЩ¸Ä±ä£º
¡¡¡¡var x = 1;
¡¡¡¡function test(){
¡¡¡¡¡¡¡¡alert(this.x);
¡¡¡¡}
¡¡¡¡test(); // 1
ÔËÐнá¹û»¹ÊÇ1¡£ÔÙ±äһϣº
¡¡¡¡var x = 1;
¡¡¡¡function test(){
¡¡¡¡¡¡¡¡this.x = 0;
¡¡¡¡}
¡¡¡¡test();
¡¡¡¡alert(x); //0
Çé¿ö¶þ£º×÷Ϊ¶ÔÏó·½·¨µÄµ÷ÓÃ
º¯Êý»¹¿ÉÒÔ×÷Ϊij¸ö¶ÔÏóµÄ·½·¨µ÷Óã¬Õâʱthis¾ÍÖ¸Õâ¸öÉϼ¶¶ÔÏó¡£
¡¡¡¡function test(){
¡¡¡¡¡¡¡¡alert(this.x);
¡¡¡¡}
¡¡¡¡var o = {};
¡¡¡¡o.x = 1;
¡¡¡¡o.m = test;
¡¡¡¡o.m(); // 1
Çé¿öÈý ×÷Ϊ¹¹Ô캯Êýµ÷ÓÃ
Ëùν¹¹Ô캯Êý£¬¾ÍÊÇͨ¹ýÕâ¸öº¯ÊýÉú³ÉÒ»¸öжÔÏó£¨object£©¡£Õâʱ£¬this¾ÍÖ¸Õâ¸öжÔÏó¡£
¡¡¡¡function test(){
¡¡¡¡¡¡¡¡this.x = 1;
¡¡¡¡}
¡¡¡¡var o = new test();
¡¡¡¡alert(o.x); // 1
ÔËÐнá¹ûΪ1¡£ÎªÁ˱íÃ÷Õâʱthis²»ÊÇÈ«¾Ö¶ÔÏó£¬ÎÒ¶Ô´úÂë×öһЩ¸Ä±ä£º
¡¡¡¡var x = 2;
¡¡¡¡function test(){
¡¡¡¡¡¡¡¡this.x = 1;
¡¡¡¡}
¡¡¡¡var o = new test();
¡¡¡¡alert(x); //2
ÔËÐнá¹ûΪ2£¬±íÃ÷È«¾Ö±äÁ¿xµÄÖµ¸ù±¾Ã»±ä¡£
Çé¿öËÄ applyµ÷ÓÃ
apply()ÊǺ¯Êý¶ÔÏóµÄÒ»¸ö·½·¨£¬ËüµÄ×÷ÓÃÊǸı亯ÊýµÄµ÷ÓöÔÏó£¬ËüµÄµÚÒ»¸ö²ÎÊý¾Í±íʾ¸Ä±äºóµÄµ÷ÓÃÕâ¸öº¯ÊýµÄ¶ÔÏó¡£Òò´Ë£¬thisÖ¸µÄ¾ÍÊÇÕâµÚÒ»¸ö²ÎÊý¡£
¡¡¡¡var x = 0;
¡¡¡¡function test(){
¡¡¡¡¡¡¡¡alert(this.x);
¡¡¡¡}
¡¡¡¡var o={};
¡¡¡¡o.x = 1;
¡¡¡¡o.m = test;
¡¡¡¡o.m.apply(); //0
apply()µÄ²ÎÊýΪ¿Õʱ£¬Ä¬Èϵ÷ÓÃÈ«¾Ö¶ÔÏó¡£Òò´Ë£¬ÕâʱµÄÔËÐнá¹ûΪ0£¬Ö¤Ã÷thisÖ¸µÄÊÇÈ«¾Ö¶ÔÏó¡£
Èç¹û°Ñ×îºóÒ»ÐдúÂëÐÞ¸ÄΪ
¡¡¡¡o.m.apply(o); //1
ÔËÐнá¹û¾Í±ä³ÉÁË1£¬Ö¤Ã÷ÁËÕâʱthis´ú±íµÄÊǶÔÏóo¡£
Ïà¹ØÎĵµ£º
Ò³ÃæÌá½»Êý¾ÝÒ»°ãÓÐÁ½ÖÖ·½·¨£ºget,post¡£post¾ÍÊÇËùνµÄformÌá½»£¬Ê¹ÓÃÊÓͼ£»getÊÇͨ¹ýurlÌá½»¡£
Get·½·¨Ò»°ãÓúǫ́´úÂ루Èçasp,asp.net£©»ñµÃ²ÎÊý£¬´úÂëºÜ¼òµ¥£ºRequest.QueryString["id"];¼´¿É»ñÈ¡¡£
ÓÐЩʱºòÐèÒªÖ±½ÓÔÚǰ̨»ñÈ¡url²ÎÊý£¬ÒªÓõ½javascript£¬jsûÓÐÖ±½Ó»ñÈ¡url²ÎÊýµÄ·½·¨£¬ÄÇô£¬ÎÒÃÇÈçºÎͨ¹ýjs ......
¼¸ºõËùÓеĸ» Web Ó¦Óö¼»ùÓÚÒ»¸ö»ò¶à¸ö Web UI ¿â»ò¿ò¼Ü£¬ÕâЩ UI ¿âÓë¿ò¼Ü¼«´óµØ¼ò»¯ÁË¿ª·¢½ø³Ì£¬²¢´øÀ´Ò»Ö£¬¿É¿¿£¬ÒÔ¼°¸ß¶È½»»¥ÐÔµÄÓû§½çÃæ¡£±¾ÎĽéÉÜÁË 15 ¸ö·Ç³£Ç¿´óµÄ JavaScript Web UI ¿â£¬·Ç³£Êʺϸ÷ÖÖ¸÷ÖÖ¹æÄ£µÄ¸» Web Ó¦ÓõĿª·¢¡£
LivePipe
LivePipe UI »ùÓÚ Prototype Javascript ¿ò¼Ü£¬°üº¬Á ......
<html>19Â¥¿Õ¼ä,`(uqj3~9?!F
<body>
Ob*p#?L;DL0<scrīpt LANGUAGE="Javascrīpt">
+t:{z]tbs0var s = "";19Â¥¿Õ¼äe kA3HoT1H
s += "ÍøÒ³¿É¼ûÇøÓò¿í£º" + document.body.clientWidth;19Â¥¿Õ¼äcy2if}:H/SE@
s += "<br>ÍøÒ³¿É¼ûÇøÓò¸ß£º"+ document.bo ......
Èç¹ûÏë´ÓÍøÒ³Ìá½»²ÎÊýµ½·þÎñÆ÷£¬µÚÒ»¸öÏëµ½µÄ¾ÍÊÇHttpµÄForm±êÇ©¡£Ëü½«Óû§ÔÚ¿Í»§¶ËÍøÒ³ÌîдµÄÊý¾Ýͨ¹ýHTTP Post£¬Ìá½»µ½·þÎñ¶Ë¡£ÕâЩÌá½»µÄÊý¾Ý±»·ÅÔÚHTTPÏûÏ¢µÄbodyÀïÃæ£¬ÕâÑù£¬Óû§Ìá½»µÄÊý¾ÝÀíÂÛÉÏÊÇûÓ㤶ÈÏÞÖÆµÄ¡£Èç¹û·þÎñ¶ËÓõÄÊÇJ2EE£¬HttpServletRequest¿ÉÒԷdz£ÇáËɵÃÈ¡µ½ËùÓвΠ......
Ê×ÏÈÊÇÊ®¸öJS FRAMEWORK
jquery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
jquery UI
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
Chrome Frame
<script src=& ......