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
¿ÉÑ¡Ïî¡£Ô ......
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ϵͳʱ¼äµÄÏÔʾ</title>
<script type="text/javascript">
function getDate() {
window.setInterval("setDate()", 1000); //Ñ»·µ÷ÓÃ ......
¶¨ÒåºÍÓ÷¨
eval() º¯Êý¿É¼ÆËãij¸ö×Ö·û´®£¬²¢Ö´ÐÐÆäÖÐµÄµÄ JavaScript ´úÂë¡£
Óï·¨
eval(string)
²ÎÊýÃèÊö
string
±ØÐè¡£Òª¼ÆËãµÄ×Ö·û´®£¬ÆäÖк¬ÓÐÒª¼ÆËãµÄ JavaScript ±í´ïʽ»òÒªÖ´ÐеÄÓï¾ä¡£
·µ»ØÖµ
ͨ¹ý¼ÆËã string µÃµ½µÄÖµ£¨Èç¹ûÓеϰ ......
B.1 anchor¶ÔÏó
¡¡¡¡Ê¹Óñê¼Ç´´½¨µÄHTMLÃèµãÄܱ»Ò»¸öÁ´½Ó×÷ΪĿ±êÈç¹ûêµã°üÀ¨HREF=ÌØÐÔ,ÔòËüÒ²ÊÇÒ»¸öÁ´½Ó¶ÔÏó¡£
¡¡¡¡anchor¶ÔÏóÊÇdocument¶ÔÏóµÄÒ»¸öÊôÐÔ,Ëü±¾ÉíûÓÐÊôÐÔ·½·¨»òÕßʼþ´¦Àí³ÌÐò¡£
B.2 anchorsÊý×é
¡¡¡¡anchorsÊý×éÊÇdocument¶ÔÏóµÄÒ»¸öÊôÐÔ,ÊÇÎĵµÄÚËùÓÐanchor¶ÔÏóµÄÒ»¸öÁбíÈç¹ûanchorÒ²ÊÇÒ»¸ölink ......
1. oncontextmenu="window.event.returnValue=false" ½«³¹µ×ÆÁ±ÎÊó±êÓÒ¼ü
<table border oncontextmenu=return(false)> <td>no </table> ¿ÉÓÃÓÚTable
2. <body onselectstart="return false"> È¡Ïûѡȡ¡¢·ÀÖ¹¸´ÖÆ
3. onpaste="return false" ²»×¼Õ³Ìù
4. oncopy="return false;" oncut="re ......