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 ......
1.document.write("");
Ϊ
Êä³öÓï¾ä
2.JS
ÖеÄ×¢ÊÍΪ
//
3.
´«Í³µÄ
HTML
ÎĵµË³ÐòÊÇ
:document->html->(head,body)
4.
Ò»¸öä¯ÀÀÆ÷´°¿ÚÖеÄ
DOM
˳ÐòÊÇ
:window->(navigator,screen,history,location,document)
5.
µÃµ½±íµ¥ÖÐÔªËØµÄÃû³ÆºÍÖµ
:document.getElementById("
±í ......
Ҫȡʲôֵ£¿
È¡value£ºgetElementById("STB_433").value;
ȡ״̬£¨ÊÇ·ñcheck£©£ºgetElementById("STB_433").checked
ȡID:getElementById("STB_433").id
...
var checkboxs=document.getElementsByTagName("input");
var i;
for(i=0;i<checkboxs.length;i++)
{
if(checkboxs[i].type=='checkbox')
{ ......
8¡¢Ext.jsµÄдÀ෽ʽ
ÕâÀïÓõÄÊÇExt core3.0£¬ExtÖÐÓÃExt.extendÀ´¶¨ÒåÒ»¸öÀࣨµ±È»Ëü¸ü¶àÓÃÀ´À©Õ¹Ò»¸öÀࣩ£¬ExtÕû¸ö¿ò¼Ü¸÷ÖֿؼþÈçPanel£¬MessageBoxµÈ¶¼ÊÇÓÃExt.extend·½·¨À´À©Õ¹¡£ÕâÀï½ö½öÓÃËüÀ´¶¨ÒåÒ»¸ö×î¼òµ¥µÄÀà¡£
¿´Ext.extendµÄ´úÂë¿ÉµÃÖª£¬ËüÈÔÈ»ÊÇÓù¹Ô캯ÊýºÍÔÐÍÀ´×é×°Ò»¸öÀà¡£
ÕâÀïÖ»Ðè´«Á½¸ö²ÎÊý¼´¿É£¬µÚÒ ......
Ê×ÏÈÊÇÊ®¸ö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=& ......