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¶¼ÉèΪ¿ÉÑ¡²ÎÊý¡£ÕâÑù¾Í»áÓöµ½Ò»¸öÎÊÌ⣬Èç
Ïà¹ØÎĵµ£º
javascriptÖеÄsubstr ºÍsubstringµÄÇø±ð:
1.substr ·½·¨
·µ»ØÒ»¸ö´ÓÖ¸¶¨Î»ÖÿªÊ¼µÄÖ¸¶¨³¤¶ÈµÄ×Ó×Ö·û´®¡£
stringvar.substr(start [, length ])
²ÎÊý
stringvar
±ØÑ¡Ïî¡£ÒªÌáÈ¡×Ó×Ö·û´®µÄ×Ö·û´®ÎÄ×Ö»ò String ¶ÔÏó¡£
start
±ØÑ¡Ïî¡£ËùÐèµÄ×Ó×Ö·û´®µÄÆðʼλÖá£×Ö·û´®ÖеĵÚÒ»¸ö×Ö·ûµÄË÷ÒýΪ 0¡£
length
¿ÉÑ¡Ïî¡£Ô ......
ÀûÓÃjsÀ´¶¯Ì¬´´½¨±í¸ñÓÐÁ½ÖÖ¸ñʽ£¬appendChild()ºÍinsertRow¡¢insertCell()¡£Á½ÖÖ·½Ê½Æäʵ²î²»¶à£¬µ«µÚÒ»ÖÖÓпÉÄÜÔÚIEÉÏÓÐÎÊÌ⣬ËùÒÔÍÆ¼ö´ó¼ÒʹÓõڶþÖÖÁË£¬Ö±½Ó˵°É¡£
1¡¢inserRow()ºÍinsertCell()º¯Êý
insertRow()º¯Êý¿ÉÒÔ´ø²ÎÊý£¬ÐÎʽÈçÏ£º
insertRow(index)£ºindex´Ó0¿ªÊ¼
Õâ¸öº¯Êý½«ÐÂÐÐÌí¼Óµ½indexµÄÄÇÒ»ÐÐÇ ......
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ϵͳʱ¼äµÄÏÔʾ</title>
<script type="text/javascript">
function getDate() {
window.setInterval("setDate()", 1000); //Ñ»·µ÷ÓÃ ......
B.1 anchor¶ÔÏó
¡¡¡¡Ê¹Óñê¼Ç´´½¨µÄHTMLÃèµãÄܱ»Ò»¸öÁ´½Ó×÷ΪĿ±êÈç¹ûêµã°üÀ¨HREF=ÌØÐÔ,ÔòËüÒ²ÊÇÒ»¸öÁ´½Ó¶ÔÏó¡£
¡¡¡¡anchor¶ÔÏóÊÇdocument¶ÔÏóµÄÒ»¸öÊôÐÔ,Ëü±¾ÉíûÓÐÊôÐÔ·½·¨»òÕßʼþ´¦Àí³ÌÐò¡£
B.2 anchorsÊý×é
¡¡¡¡anchorsÊý×éÊÇdocument¶ÔÏóµÄÒ»¸öÊôÐÔ,ÊÇÎĵµÄÚËùÓÐanchor¶ÔÏóµÄÒ»¸öÁбíÈç¹ûanchorÒ²ÊÇÒ»¸ölink ......
Chrome¡¢IEºÍFirefox¶¼·×·×ÔÚаæÖÐÔöÇ¿ÁËJavaScriptÒýÇæµÄÖ´ÐÐЧÂÊ£¬Ëæ×ÅJavaScriptЧÂÊÔÚ¸÷´óä¯ÀÀÆ÷µÄÏÔÖøÌá¸ß£¬JavaScript¿ÉÒÔ×öÔ½À´Ô½¶àµÄÊ£¬±¾µØÎļþAPIµÄÒýÈ뽫ÈúܶàÓÐȤµÄ¹¦ÄܳÉΪÏÖʵ¡£
¡¡¡¡ÈÕǰ£¬MozillaÏòW3CÌá½»ÁËÒ»¸ö²Ý°¸£¬Ö¼ÔÚÍÆ³öÒ»¸öJavaScript API£¬ÈÃJavaScript ½Å±¾Ö±½Ó²Ù×÷±¾µØÎļþ£¬FirefoxµÄ×îÐÂä¯ ......