Javascriptµ¥Àýģʽ
ExtJS Éè¼ÆÄ£Ê½ Ö®Ò» £¨µ¥Àý£©
Extjs ·¢Õ¹ÖÁ½ñ£¬´«³ÐÁËYUIµÄΰ´ó¾«Ë裬 YUIµÃµ½ÁËDouglas Crockford£¨ÈÎÖ°ÓÚ Yahoo! µÄÒ»Ãû JavaScript ´«µÀÕߺͼܹ¹Ê¦£¬ËûÊÇÈ«Çò×îÓÐÔìÒèµÄ JavaScript ÓïÑÔר¼ÒÖ®Ò»£¬Blog£ºhttp://www.crockford.com/) ´óʦµÄÔÞͬ,¶øExtJSÒ²Êǽ«YUIµÄģʽ½Å±¾±à³ÌѧϰʹÓõÄÁÜÀ쾡Ö£¬²¢ÇÒ»¹¸øËü×öÁ˼¸Ì×»ªÀöµÄCSS¼ÞÒÂ…., ¶øÔÚExtJSÔ½·¢Ò«ÑÛµÄͬʱ£¬ÎҵȳõѧÕßÔÚʹÓÃExtJsµÄʱºòÒ²ÊÇÔκôÆäºô¡££¨ºÃÔÚ2.0 ÍÆ³öÖ®ºó£¬¹Ù·½µÄÎĵµ£¬ÏñÓêºó´ºËñÒ»Ñù£¬¿ªÊ¼¸²¸Çµ½·½·½ÃæÃæ¡££©
Æäʵ£¬²¦¿ªExtJS»ªÀöµÄÍâÒ£¬·ÔÄÆäÌåÄÚ¾«ÖµĴúÂ룬²»ÄÑ·¢ÏÖһЩÎÒÃǶúÊìÄÜÏêµÄÉè¼ÆÄ£Ê½¡£
ÔÚÔçÆÚ1.0£¬1.1µÄºÃ¶àÀý×ÓÖУ¬ÎÒÃǻῴµ½ÕâÑù·ç¸ñµÄ´úÂë¡£
var Oo= function(){
var x;
var y;
return{
a:function(){
...
},
b:function(){
...
}
}
}();
ßÆÒ»¿´£¬²»ÊÇÎÒÃÇÄÜÀí½âµÄ·½Ê½£¬ function(){}(), ÊǺÎÒ⣿¡£
//()ÔÚÕâÀÒâζ×Å·½·¨ÒѾִÐУ¬²¢ÇÒreturnÀïÃæµÄÒѾ²úÉú£¬ ÕâÑù¿ÉÄܺÜÄÑÀí½â£¬ÄǵÈͬÓëÖ´ÐÐ function oo(){}£¬ÕâÑùÊÇ·ñºÃÀí½âЩÁË£¿
BTW :ÕâÀïÒªÒýÈëJavaScriptµÄÒ»¸ö¸ß¼¶¸ÅÄ“±Õ°ü”¡£(¾ßÌåÄÚÈݲο¼¡¶JavaScript The Definitve Guid,5th Eddion¡·Section 8.8 –Function Scope and Closures ,Ò²ÊDZ»Douglas CrockfordÍÆ¼öµÄΪÊý²»¶àµÄÁ½±¾Êé¼®Ö®Ò»¡£), µ±È»²»¼±×ÅÈ¥·£¬ÏȰÑÎҵķϻ°¿´Íê¡£
ºÃÁË£¬¿´ÕâÖÖʹÓñðŤµÄʹÓ÷½Ê½£¬ ¶øÕâÖÖ·½Ê½£¬ÔÚÎÒÃǵÄÒ³Ãæ£¬»òÕ߯äËûÀàÖУ¬ µ÷ÓÃOoµÄa·½·¨µÄʱºò£¬ÐÎʽÈçÏÂ
Ext.onReady(Oo.a); ¶Ô£¬ÕýÊÇÕâÑùµÄÒ»ÖÖJS±à³Ì·½Ê½£¬±»Douglas Crockford×÷ΪJSµÄÒ»ÖÖµ¥ÀýµÄʵÏÖ£¬ ´óʦ»¹°ÑËü½Ð×ö“Module Pattern”,
ºÃ£¬Èç¹ûÎÒÃDz»ÓÃËùνµ¥ÀýÄØ£¿£¬ ¾Í¿´¿´´«Í³µÄ¶ÔÏó·½Ê½£¬Í¬Ñ§Ãǿ϶¨ÔÚPototypeÊ¢ÐеÄʱ´ú£¬ÒѾŪµÄÒ»Çå¶þ³þ¡£
0o = function(){
this.x;
this.y;
}
Oo.prototype = {
a:function(){
this.x = 100;
},
b:function(){
this.y = 200;
}
}
//µ÷Ó÷½Ê½
Ext.onReady(function(){
var o = new Oo();
0.a();
});
ÔÙÀ´£¬¼ÙʹÊǸö³õѧ
Ïà¹ØÎĵµ£º
ÏÂÃæ¶¼ÊǸöÈËÀí½âÒÔ¼°²éÕÒµÄÍøÉϵÄ×ÊÁÏ,ÈçÓв»¶ÔµÄµØ·½ÇëÖ¸Õý
This
this ʼÖÕÖ¸Ïòµ÷ÓÃËüµÄ¶ÔÏó ,¶¼Ã»ÓжÔÏóµ÷ÓÃʱ¾ÍÖ¸Ïòwindow
ÁíÍâ¾ÍÊÇthisÒ»°ã¶¼ÊÇÔÚfunctionÖÐ,µ±²»ÔÚfunctionÖеÄʱºò Ò»¶¨ÊÇÖ¸ÏòwindowµÄ.
var a ='a';
alert(this.a); //³öÀ´µÄÊÇa
alert(this.b); //undefined ÒòΪ»¹Ã»¶¨Òå ......
Ò»¡¢¸ÅÊö
Marquee£ºHtmlÖйöÆÁ¿Ø¼þ£¬¿ÉÒÔʹ°üº¬Ôڴ˱ê¼ÇÖеÄÄÚÈݽøÐи÷¸ö·½Ïò£¬¸÷ÖÖËٶȵĹö¶¯£¬Òò´ËÔÚ²»¿¼ÂÇʹÓõÚÈý·½¿Ø¼þµÄǰÌáÏ£¬¿¼ÂÇʹÓÃMarquee+xmlhttpÀ´ÊµÏÖ¶¨´Î¸üÐÂÒ³ÃæÖеĹö¶¯ÄÚÈÝ£¬´ËʵÏÖÔÚIE6.0¼°ÒÔÉϰ汾²âÊÔͨ¹ý£¬ÆäËûä¯ÀÀÆ÷ÔÝʱδ²âÊÔ¹ý¡£
MarqueeÖеÄonfinishʼþ£ºÔÚ¸øMarqueeÊôÐÔloop¸ ......
ÐèÇó£ºÄ£Äâ±íµ¥Ìá½»²¢¿ÉÉèÖÃÌá½»¼ä¸ô
»¹ºÃÒ³ÃæÊÇajaxÌá½»µÄ£¬Ö»ÒªÐ´¸öjs¶¨Ê±Ìá½»¾ÍokÁË¡£ ÓÚÊÇÕÒÁ˼¸¸öдµÄÀàËÆÓÚsleepµÄ¹¦ÄÜ£¬ÄùýÀ´ÓÃÓ÷¢ÏÖÒ²²»ÊǺܺÃÓá£
×ÔÒÑдÁ˸ö
<script language="javascript">
var base = {};
......
base.auto_submit = function(){
var total = 10 ......
• Сд½ð¶îÓë´óд½ð¶îÁª¶¯
<mce:script language="JavaScript"><!--
function daxie()
{
this.values = ["Áã", "Ò¼", "·¡", "Èþ", "ËÁ", "Îé", "½", "Æâ", "°Æ", "¾Á"];
this.digits = ["", "ʰ", "°Û", "Ǫ"];
}
function daxie.prototype.getdx(num)
{
if(isNaN(num)) return "";
var number = ......