JavaScript½Å±¾
¶ÔObjectµÄextendÊÇÒ»¸ö³£ÓõŦÄÜ¡£¾ÙÒ»¸öÀý×Ó£¬ÓÉÓÚjavascript ûÓÐÖØÔØ£¨overload£©£¬¶øÇÒº¯ÊýµÄ²ÎÊýÀàÐÍÊÇûÓж¨ÒåµÄ£¬ËùÒԺܶàʱºòÎÒÃǶ¼´«ÈëÒ»¸ö¶ÔÏóÀ´×÷Ϊ²ÎÊýÒÑ·½±ã¿ØÖÆ¡£Í¨³£ÔÚº¯ÊýÀïÃæ¸øÁ˲ÎÊý¶ÔÏóµÄĬÈÏÖµ£¬Õâ¸öʱºò¾ÍÐèҪͨ¹ýextendÀ´°Ñ´«ÈëµÄ²ÎÊý¸²¸Ç½øÄ¬ÈϲÎÊý,È磺
´úÂë:
1. giant.ui.imageshow = function(options) {
2. this.opts = $.extend({}, giant.ui.imageshow.defaults, options);
3. }
4. giant.ui.imageshow.defaults = {
5. id:"imageshow",
6. isAuto:true,
7. speed:3000
8. };
Jquery µÄ¿ò¼ÜÖиøÁËÒ»¸öextend¹¤¾ß£º
jQuery.extend(target,obj1,[objN])
ÓÃÒ»¸ö»ò¶à¸öÆäËû¶ÔÏóÀ´À©Õ¹Ò»¸ö¶ÔÏ󣬷µ»Ø±»À©Õ¹µÄ¶ÔÏó¡£
ÓÃÓÚ¼ò»¯¼Ì³Ð¡£
Extend one object with one or more others, returning the original, modified, object.
This is a great utility for simple inheritance.
·µ»ØÖµ--Object
²ÎÊý
target (Object) : ´ýÐ޸ĶÔÏó¡£
object1 (Object) : ´ýºÏ²¢µ½µÚÒ»¸ö¶ÔÏóµÄ¶ÔÏó¡£
objectN (Object) : (¿ÉÑ¡) ´ýºÏ²¢µ½µÚÒ»¸ö¶ÔÏóµÄ¶ÔÏó¡£
µ«¿ò¼ÜÖÐÄÚÖõÄÕâ¸öextendÓÐÃ÷ÏÔµÄȱÏÝ£¬ÄǾÍÊDz»Äܼ̳жÔÏóÖеĶÔÏó¡£»¹ÊǾÙÒ»¸öÀý×ÓÀ´ËµÃ÷£º
´úÂë:
1. var obj1 = {},
2. var obj2={name:"karry",email:"karry@a.com",tel:{homeTel:"158255",officeTel:"02112585"}}
3. obj1 = $.extend({},obj1 ,obj2 );
½á¹ûobj1 Ö»ÓÐname ºÍemailÊôÐÔ£¬¶øÓÐÓëtel±¾Éí¾ÍÊÇÒ»¸ö¶ÔÏó£¬telÀïÃæµÄhomeTelºÍofficeTelûÓм̳йýÈ¥¡£
ÎÒµÄÄ¿±ê¾ÍÊÇʵÏÖÕâÖÖ¶Ô×Ó¶ÔÏóµÄ×ÓÊôÐÔÒ²Ò»Æð¸´ÖÆ(¼Ì³Ð)µÄ¹¦ÄÜ£¬²»¹ÜËûǶÌ×ÓжàÉî¡£
Ê×ÏÈÎÒÃÇ¿´¿´Õâ¸ö·½·¨µÄ²ÎÊý£¬ÓÐÈý¸ö²ÎÊý£¬target Ä¿±ê¶ÔÏó£¬source Ô´¶ÔÏó£¬deep ÊÇ·ñ¸´ÖÆ(¼Ì³Ð)¶ÔÏóÖеĶÔÏó£¬Èç¹ûdeepΪtrueÔò¼Ì³ÐËùÓУ¬ÎªfalseÔòºÍjqueryµÄʵÏÖ·½Ê½Ò»Ñù£¬²»»á¼Ì³Ð×Ó¶ÔÏó¡£
¸´ÖÆÄÚÈݵ½¼ôÌù°å
´úÂë:
Object.extend = function(target, /*optional*/source, /*optional*/deep) {}
ÎÒÖ»°ÑµÚÒ»¸ö²ÎÊýtargetÉèΪ±ØÑ¡²ÎÊý£¬¶øsource ºÍdeep¶¼ÉèΪ¿ÉÑ¡²ÎÊý¡£ÕâÑù¾Í»áÓöµ½Ò»¸öÎÊÌ⣬Èç
Ïà¹ØÎĵµ£º
jsÊó±êʼþ´óÈ«2008Äê01ÔÂ14ÈÕ ÐÇÆÚÒ» 08:54Ò»°ãʼþ ʼþ ä¯ÀÀÆ÷Ö§³Ö ÃèÊö
onClick IE3|N2|O3 Êó±êµã»÷ʼþ£¬¶àÓÃÔÚij¸ö¶ÔÏó¿ØÖƵķ¶Î§ÄÚµÄÊó±êµã»÷
onDblClick IE4|N4|O Êó±êË«»÷ʼþ
onMouseDown IE4|N4|O Êó±êÉϵİ´Å¥±»°´ÏÂÁË
onMouseUp IE4|N4|O Êó±ê°´Ïºó£¬ËÉ¿ªÊ±¼¤·¢µÄʼþ
onMouseO ......
function class1(){
alert("class1");
};
function class2(){
alert("class2");
}
class2.prototype=class1.prototype;
var obj=new class2();
alert(obj instanceof class1);
alert(obj instanceof class2);
alert(class2.prototype.constructor);
class2.prototype.constructor(); ......
Õâ¸ö¹ã¸æÒ²ÊDZȽϵäÐ͵ÄÒ»¸ö¸¡¶¯¹ã¸æ£¬ÒòΪÈç¹ûÄÜÕÒ×¼ÓÒϽǵÄλÖã¬ÄÇÃ´Ò³ÃæÉÏÈκÎÒ»¸öλÖÃÄãÒ²¶¼ÄÜÕÒµ½ÁË¡£
¶øÕâÀïÎÒ×Ô¼º±È½Ïϲ»¶µÄÊÇÄǸö magic_locus º¯Êý£¬
ËüÄÜʹµÃÄãµÄ¶¯×÷²½·¥¸ü¼ÓÓÅÃÀ£¬Í¨¹ýÒ»¸öºÜ¼òµ¥µÄ¹«Ê½¾ÍÄÜ´ïµ½ÔÚÒ³ÃæÉÏÁ貨΢²½µÄЧ¹û£¬
¶ø²»ÊÇÏñÄ³Ð©ÍøÕ¾ÄÇÑùºÜÉúÓ²µØÒƶ¯¡£
²»¶à˵ÁË£¬Ö±½Ó¿´´úÂ멤©¤
/ ......
ÀûÓÃjsÀ´¶¯Ì¬´´½¨±í¸ñÓÐÁ½ÖÖ¸ñʽ£¬appendChild()ºÍinsertRow¡¢insertCell()¡£Á½ÖÖ·½Ê½Æäʵ²î²»¶à£¬µ«µÚÒ»ÖÖÓпÉÄÜÔÚIEÉÏÓÐÎÊÌ⣬ËùÒÔÍÆ¼ö´ó¼ÒʹÓõڶþÖÖÁË£¬Ö±½Ó˵°É¡£
1¡¢inserRow()ºÍinsertCell()º¯Êý
insertRow()º¯Êý¿ÉÒÔ´ø²ÎÊý£¬ÐÎʽÈçÏ£º
insertRow(index)£ºindex´Ó0¿ªÊ¼
Õâ¸öº¯Êý½«ÐÂÐÐÌí¼Óµ½indexµÄÄÇÒ»ÐÐÇ ......
Chrome¡¢IEºÍFirefox¶¼·×·×ÔÚаæÖÐÔöÇ¿ÁËJavaScriptÒýÇæµÄÖ´ÐÐЧÂÊ£¬Ëæ×ÅJavaScriptЧÂÊÔÚ¸÷´óä¯ÀÀÆ÷µÄÏÔÖøÌá¸ß£¬JavaScript¿ÉÒÔ×öÔ½À´Ô½¶àµÄÊ£¬±¾µØÎļþAPIµÄÒýÈ뽫ÈúܶàÓÐȤµÄ¹¦ÄܳÉΪÏÖʵ¡£
¡¡¡¡ÈÕǰ£¬MozillaÏòW3CÌá½»ÁËÒ»¸ö²Ý°¸£¬Ö¼ÔÚÍÆ³öÒ»¸öJavaScript API£¬ÈÃJavaScript ½Å±¾Ö±½Ó²Ù×÷±¾µØÎļþ£¬FirefoxµÄ×îÐÂä¯ ......