[ת]ÄÇЩÏà¼ûºÞÍíµÄ JavaScript ¼¼ÇÉ
JavaScript µÄ³É¹¦ÈÃÈ˽ò½òÀÖµÀ£¬Îª Web ÍøÒ³±àд JavaScript ´úÂëÒѾÊÇËùÓÐ Web Éè¼ÆÊ¦µÄ»ù±¾¹¦£¬ÕâÃÅÓÐȤµÄÓïÑÔÔ̲Ø×ÅÐí¶à²»ÎªÈËÊìÖªµÄ¶«Î÷£¬¼´Ê¹¶àÄêµÄ JavaScript ³ÌÐòÔ±£¬Ò²Î´ÄÜÍêÈ«³Ô͸¡£±¾ÎÄ´Ó7¸ö·½Ãæ½²Êö JavaScript ÖÐÄÇЩÄã²»ºÜÊìÖªµ«·Ç³£ÊµÓõļ¼ÇÉ¡£
¼òÂÔÓï¾ä
JavaScript ¿ÉÒÔʹÓüòÂÔÓï¾ä¿ìËÙ´´½¨¶ÔÏóºÍÊý×飬±ÈÈçÏÂÃæµÄ´úÂ룺
¿ÉÒÔʹÓüòÂÔÓï¾äÈçÏ£º
¶ÔÏó car ¾Í´Ë´´½¨£¬²»¹ýÐèÒªÌØ±ð×¢Ò⣬½áÊø»¨À¨ºÅǰһ¶¨²»Òª¼Ó ";" ·ñÔòÔÚ IE »áÓöµ½ºÜ´óÂé·³¡£
´´½¨Êý×éµÄ´«Í³·½·¨ÊÇ£º
ʹÓüòÂÔÓï¾äÔò£º
ÁíÒ»¸ö¿ÉÒÔʹÓüòÂÔÓï¾äµÄµØ·½ÊÇÌõ¼þÅжÏÓï¾ä£º
¿ÉÒÔ¼òÂÔΪ£º
JSON Êý¾Ý¸ñʽ
JSON ÊÇ "JavaScript Object Notation" µÄËõд£¬ÓÉ Douglas Crockford Éè¼Æ£¬JSON ¸Ä±äÁË JavaScript ÔÚ»º´æ¸´ÔÓÊý¾Ý¸ñʽ·½ÃæµÄÀ§¾³£¬ÈçÏÂÀý£¬¼ÙÈçÄãÒªÃèÊöÒ»¸öÀÖ¶Ó£¬¿ÉÒÔÕâÑùд£º
Äã¿ÉÒÔÔÚ JavaScript ÖÐÖ±½ÓʹÓà JSON£¬ÉõÖÁ×÷ΪijЩ API µÄ·µ»ØÊý¾Ý¶ÔÏó£¬ÒÔÏ´úÂëµ÷ÓÃÖøÃûÊéÇ©ÍøÕ¾ delicious.com µÄÒ»¸ö API£¬·µ»ØÄãÔÚ¸ÃÍøÕ¾µÄËùÓÐÊéÇ©£¬²¢ÏÔʾÔÚÄã×Ô¼ºµÄÍøÕ¾£º
JavaScript ±¾µØº¯Êý (Math, Array ºÍ String)
JavaScript ÓкܶàÄÚÖú¯Êý£¬ÓÐЧµÄʹÓ㬿ÉÒÔ±ÜÃâºÜ¶à²»±ØÒªµÄ´úÂ룬±ÈÈ磬´ÓÒ»¸öÊý×éÖÐÕÒ³ö×î´óÖµ£¬´«Í³µÄ·½·¨ÊÇ£º
ʹÓÃÄÚÖú¯Êý¿ÉÒÔ¸üÈÝÒ×ʵÏÖ£º
ÁíÒ»¸ö·½·¨ÊÇʹÓà Math.max() ·½·¨£º
Äã¿ÉÒÔÓÃÕâ¸ö·½·¨°ïÖú̽²âä¯ÀÀÆ÷
Õâ½â¾öÁË IE ä¯ÀÀÆ÷µÄÒ»¸öÎÊÌ⣬ͨ¹ýÕâÖÖ·½·¨£¬Äã×ÜÊÇ¿ÉÒÔÕÒµ½ÄǸöÕýÈ·µÄÖµ£¬ÒòΪä¯ÀÀÆ÷²»Ö§³ÖµÄÄǸöÖµ»á·µ»Ø undefined¡£
»¹¿ÉÒÔʹÓà JavaScript ÄÚÖÃµÄ split() ºÍ join() º¯Êý´¦Àí HTML ¶ÔÏóµÄ CSS ÀàÃû£¬Èç¹û HTML ¶ÔÏóµÄÀàÃûÊǿոñ¸ô¿ªµÄ¶à¸öÃû×Ö£¬ÄãÔÚΪËü×·¼Ó»òɾ³ýÒ»¸ö CSS ÀàÃûµÄʱºòÐèÒªÌØ±ð×¢Ò⣬Èç¹û¸Ã¶ÔÏó»¹Ã»ÓÐÀàÃûÊôÐÔ£¬¿ÉÒÔÖ±½Ó½«ÐµÄÀàÃû¸³ÓèËü£¬Èç¹ûÒѾ´æÔÚÀàÃû£¬ÐÂÔöµÄÀàÃûǰ±ØÐëÓÐÒ»¸ö¿Õ¸ñ£¬Óô«Í³µÄ JavaScript ·½·¨ÊÇÕâÑùʵÏֵģº
ʹÓà split ºÍ join ·½·¨ÔòÖ±¹ÛÓÅÑŵöࣺ
ʼþ´úÀí
ÓëÆäÔÚ HTML ÎĵµÖÐÉè¼ÆÒ»¶Ñʼþ£¬²»ÈçÖ±½ÓÉè¼ÆÒ»¸öʼþ´úÀí£¬¾ÙÀý˵Ã÷£¬¼ÙÈçÄãÓÐһЩÁ´½Ó£¬Óû§µã»÷ºó²»Ïë´ò¿ªÁ´½Ó£¬¶øÊÇÖ´ÐÐij¸öʼþ£¬HTML ´úÂëÈçÏ£º
´«Í³µÄʼþ´¦ÀíÊDZéÀú¸÷¸öÁ´½Ó£¬¼ÓÉϸ÷×ÔµÄʼþ´¦Àí£º
ʹÓÃʼþ´úÀí£¬¿ÉÒÔÖ±½Ó´¦Àí£¬ÎÞÐè±éÀú£º
ÄäÃûº¯ÊýÓë Module ģʽ
JavaScript µÄÒ»¸öÎÊÌâÊÇ£¬ÈκαäÁ¿£¬º¯Êý»òÊǶÔÏ󣬳ý·ÇÊÇÔÚij¸öº¯ÊýÄÚ²¿¶¨Ò壬·ñÔò£¬¾ÍÊÇÈ«¾ÖµÄ£¬Òâζ×ÅÍ¬Ò»ÍøÒ³µÄ±
Ïà¹ØÎĵµ£º
ΪÁËÌá¸ßÍøÕ¾µÄ¼ÓÔØËÙ¶È£¬ÓÐÒ»¸öºÜÖØÒªµÄÊֶξÍÊÇÔÚÓû§ä¯ÀÀ¹ý³ÌÖеÄÉÏÓÎÍøÕ¾×öÒ»¸öÎļþµÄÔ¤¼ÓÔØ¡£Ô¤¼ÓÔØÎļþÒ»°ãÓÐÁ½ÖÖ³£Óõķ½Ê½£ºxhrºÍ¶¯Ì¬²åÈë½ÚµãµÄ·½Ê½¡£¶¯Ì¬²åÈë½ÚµãÊÇ×îΪ¼òµ¥Ò²×îΪ¹ã·ºµÄÒ»ÖÖÒì²½¼ÓÔØ·½Ê½(ÀýÈçyuiµÄGetÄ£¿é)£¬È»ºóʹÓö¯Ì¬²åÈë½Úµã·½·¨¼ÓÔØµÄÎļþ¶¼»áÔÚ¼ÓÔØºóÁ¢¼´Ö´ÐУ¬javascriptµÄÖ´ÐÐÒ»·½Ãæ»áÕ ......
javascript ÖÐthis µÄÓ÷¨:
1.<div onclick="// ¿ÉÒÔÔÚÀïÃæÊ¹ÓÃthis">division element</div> this Ö¸Ïòdiv
2. <div id="elmtDiv">division element</div>
<script language="javascript">
......
´ò¿ªÇëÇó
¡¡¡¡ÓÐÁËÒªÁ¬½ÓµÄ URL ºó¾Í¿ÉÒÔÅäÖÃÇëÇóÁË¡£¿ÉÒÔÓà XMLHttpRequest ¶ÔÏóµÄ open() ·½·¨À´Íê³É¡£¸Ã·½·¨ÓÐÎå¸ö²ÎÊý:
request-type:·¢ËÍÇëÇóµÄÀàÐÍ¡£µäÐ͵ÄÖµÊÇ GET »ò POST£¬µ«Ò²¿ÉÒÔ·¢ËÍ HEAD ÇëÇó¡£
url:ÒªÁ¬½ÓµÄ URL¡£
asynch:Èç¹ûÏ£ÍûʹÓÃÒì²½Á¬½ÓÔòΪ true£¬·ñÔòΪ false¡£¸Ã²ÎÊýÊÇ¿ÉÑ¡µÄ£¬Ä¬ÈÏΪ true¡£
......
±íµ¥Ð§¹û£ºhttp://www.sprymedia.co.uk/article/KeyTable
±íµ¥Ð§¹û£ºhttp://www.datatables.net/examples/
ͼ±íЧ¹û£º http://filamentgroup.com/dwpe/#codeexamples
ͼ±íЧ¹û£º http://people.iola.dk/olau/flot/examples/
±íµ¥Ð§¹û£ºhttp://www.reconstrukt.com/ingrid/src/example1.html#
Ê÷ÐÎĿ¼£ºhttp ......
ÓÃjs ´ò¿ªÐ´°¿ÚµÄʱºò£¬´°¿Ú×î´ó»¯¡£
function showBigLisence(url){
if(url!== undefined && url!== null && url !== ''){
var scrWidth=screen.availWidth;
var scrHeight=screen.availHeight;
var self=window.open( ......