JavaScript ¿ò¼Ü±È½Ï
JavaScript ¿ò¼Ü±È½Ï
ÏÔÖøÔöÇ¿ JavaScript ¿ª·¢µÄ¿ò¼Ü¸ÅÀÀ
Joe Lennon, Èí¼þ¿ª·¢ÈËÔ±, ×ÔÓÉÖ°ÒµÕß
¼ò½é£º ÏÖ´ú Web Õ¾µãºÍ Web Ó¦ÓóÌÐòÇãÏòÓÚÒÀÀµ´óÁ¿¿Í»§¶Ë JavaScript À´Ìṩ·á¸»µÄ½»»¥¹¦ÄÜ£¬ÓÈÆäÊÇÒì²½ HTTP ÇëÇóµÄ³öÏÖʹµÃ²»Ë¢ÐÂÒ³Ãæ¾Í¿ÉÒÔ´Ó·þÎñÆ÷¶Ë½Å±¾»òÊý¾Ý¿âϵͳ·µ»ØÊý¾Ý»òÏìÓ¦¡£ÔÚ±¾ÎÄÖУ¬Äú½«Á˽âÈçºÎͨ¹ý JavaScript ¿ò¼Ü¸üÇáËÉ¡¢¸ü¿ìËٵش´½¨¾ßÓи߶Ƚ»»¥ÐÔºÍÏìÓ¦Ð﵀ Web Õ¾µãºÍ Web Ó¦ÓóÌÐò¡£
¼ò½é
JavaScript ÊÇÃæÏò¶ÔÏóµÄ½Å±¾ÓïÑÔ£¬³¤ÆÚÒÔÀ´ÓÃ×÷ Web ä¯ÀÀÆ÷Ó¦ÓóÌÐòµÄ¿Í»§¶Ë½Å±¾½Ó¿Ú¡£JavaScript Èà Web ¿ª·¢ÈËÔ±ÄÜÒÔ±à³Ì·½Ê½´¦Àí Web Ò³ÃæÉϵĶÔÏ󣬲¢ÌṩÁËÒ»¸öÄܹ»¶¯Ì¬²Ù×÷ÕâЩ¶ÔÏóµÄƽ̨¡£ÔÚ×î³õÒýÈë JavaScript ʱ£¬Í¨³£Ö»ÓÃÓÚÌṩ Web Ò³ÃæÉϵÄһЩ²»ÖØÒªµÄÌØÐÔ£¬ÈçʱÖÓ¹¦ÄܺÍä¯ÀÀÆ÷״̬À¸ÖеĹö¶¯Îı¾µÈ¡£ÁíÒ»¸ö³£¼ûµÄÌØÐÔÊÇ “rollover link”£¬¾ÍÊǵ±Óû§½«Êó±êÒÆµ½Í¼Æ¬»òÎı¾Á´½ÓÉÏʱ£¬Í¼Æ¬»òÎı¾Á´½ÓµÄÑÕÉ«»á¸Ä±ä¡£È»¶ø£¬½üÄêÀ´£¬Ëæ×Å Asynchronous JavaScript and XML (Ajax) ¸ÅÄ»ùÓÚ Web µÄ±à³ÌµÄ½»»¥ÐÔÌáÉýµ½Ò»¸öи߶ȣ¬JavaScript Ò²±äµÃÔ½À´Ô½ÖØÒª¡£ÔÚ³öÏÖ Ajax ֮ǰ£¬ËùÓзþÎñÆ÷¶Ë´¦Àí»òÊý¾Ý¿â·ÃÎʶ¼ÐèÒª “ˢД Õû¸öÒ³Ãæ»òͨ¹ýä¯ÀÀÆ÷³ÊÏÖÒ»¸öÐÂÒ³Ãæ¡£Õâ²»½ö¼õÂýÁËËٶȲ¢Ê¹Óû§¸Ðµ½¾ÚÉ¥£¬¶øÇÒ»¹ÀË·Ñ´ø¿íºÍ×ÊÔ´¡£
Ajax ±íʾ Asynchronous JavaScript and XML£¬µ«Êǽ«Æä³ÆÎª XML ÒѲ»ÔÙºÏÊÊ£¬ÒòΪ Ajax ÇëÇó¿ÉÒÔ·µ»Ø¶àÖÖ¸ñʽµÄÏìÓ¦£¬¶ø²»ÏÞÓÚ XML£¬ÀýÈç JSON (JavaScript Object Notation)¡£Ajax µÄ¹¤×÷·½Ê½ÊÇÔÊÐí JavaScript Òì²½Ìá½» HTTP ÇëÇóµ½ Web ·þÎñÆ÷£¬²¢ÇÒÔÚ²»Ë¢Ð»ò³ÊÏÖÐÂÒ³ÃæµÄÇé¿öϳÊÏÖÏìÓ¦¡£Ïà·´£¬¿ª·¢ÈËԱͨ³£Ê¹Óà DOM (Document Object Model) ²Ù×÷À´Ð޸IJ¿·Ö Web Ò³Ãæ£¬ÏÔʾÆä±ä»¯»òÓÉ HTTP ÏìÓ¦·µ»ØµÄÊý¾Ý¡£
»ØÒ³Ê×
ʲôÊÇ JavaScript ¿ò¼Ü£¿
JavaScript ±¾Éí¾ÍÊÇÒ»ÖÖ¹¦ÄÜÇ¿´óµÄÓïÑÔ£¬Äú²»ÐèÒª¶îÍâµÄ¿ò¼Ü¾Í¿É´´½¨¸»»¥ÁªÍøÓ¦ÓóÌÐò£¨RIA£©¡£È»¶øÊ¹Óà JavaScript ²¢²»ÊǼþÈÝÒ×µÄÊ£¬Ö÷ÒªÊÇÓÉÓÚÖ§³Ö¶à¸ö Web ä¯ÀÀÆ÷²úÉúµÄ¸´ÔÓÐÔ¡£Óë HTML ºÍ CSSÒ»Ñù£¬²»Í¬µÄä¯ÀÀÆ÷Óв»Í¬µÄ JavaScript ʵÏÖ¡£Èà JavaScript ´úÂëʵÏÖ¿çä¯ÀÀÆ÷¼æÈݼòÖ±ÊǸöجÃΡ£
JavaScript ¿ò¼Ü»ò¿âÊÇÒ»×éÄÜÇáËÉÉú³É¿çä¯ÀÀÆ÷¼æÈÝµÄ JavaScript ´úÂëµÄ¹¤¾ßºÍº¯Êý¡£Ã¿Ò»¸ö¿â¶¼ÔÚÖÚ¶àÁ÷ÐÐµÄ Web ä¯ÀÀÆ÷µÄÏÖ´ú°æ±¾ÉϽøÐÐÁ˿ɿ¿µÄ²âÊÔ£¬Òò´Ë£¬Äú¿ÉÒÔ·ÅÐĵØÊ¹ÓÃÕâЩ¿ò¼Ü£¬ÄúµÄ»ùÓÚ JavaScrip
Ïà¹ØÎĵµ£º
±¾ÎÄÖ÷ÒªÊdzöÓÚÓÐÅóÓÑʹÓÃÎÒÔÀ´Ð´µÄautocompleteµÄJS¿Ø¼þ¡£µ±Êý¾ÝÁ¿´óµÄʱºò£¬»á³öÏÖЧÂʼ«ÆäÂýµÄÇé¿ö£¬ÎÒÔÚÕâ¶Îʱ¼ä×ö³öµÄһЩ²âÊÔÒ²¼°Ò»Ð©¾Ñ飬Óë´ó¼Ò·ÖÏí£¬Èç¹ûÓдíµÄµØ·½£¬»¹ÇëÖ¸³ö¡£
¾¹ý²âÊÔ£¬ÎÒÃǻᷢÏÖÈçϵÄÇé¿ö»òÕß˵µÄ½áÂÛ£¬Èç¹ûÄúµÄ²âÊÔ½á¹ûÓëÎҵIJ»·û£¬Çë˵Ã÷ÔÒò£¬ÒÔ±ãÏ໥ѧϰ¡£
1£©µ±Ò»¸ö½Ï´óµÄHTML×Ö· ......
ÏÈÀ´¿´Ò»¸ö¼òµ¥µÄÀý×Ó£º
ÏÂÃæÒÔÈý¸öÒ³Ãæ·Ö±ðÃüÃûΪframe.html¡¢top.html¡¢bottom.htmlΪÀýÀ´¾ßÌå˵Ã÷ÈçºÎ×ö¡£
Java´úÂë
frame.html ÓÉÉÏ(top.html)ÏÂ(bottom.html)Á½¸öÒ³Ãæ×é³É£¬´úÂëÈçÏ£º
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> ......
×¢²áºÜ³¤Ê±¼äºÅÁË£¬¸Õ¿ªÍ¨²©¿Í£¬ÄóöÒ»¸ö×Ô¼ºÐ´µÄjavascriptÓÒ¼ü²Ëµ¥£¬¼æÈÝIE£¬firefoxä¯ÀÀÆ÷
ÕâÊÇcss´úÂë
body{
font-size:12px;
}
.contextMenu{
filter:alpha(opacity=80);
opacity:0.8;
border:1px #0033FF solid;
background-color:#0099CC;
cursor:pointer;
width:120px;
position:absolute;
top: ......
JavaScriptÖеĶÔÏó
¹Ø¼ü´Ê£º JavaScript ¶ÔÏó ......
ÒªÏëд³ö¿çä¯ÀÀÆ÷µÄjavascript£¬¾Í±ØÐë¶®µÃÐá̽¼¼Êõ¡£ÕâÊÇä¯ÀÀÆ÷´óÕ½ÒÅÁôϵĴóµØÀ×£¬ÊÂÒÑÈç´Ë£¬Ö»ºÃÈÏÃü£¬¹Ô¹Ôд·ÖÖ§½á¹¹°É£¬º¯Êý¾ÍÊÇÕâÑù²»Öª²»¾õÖб䳤µÄ¡£
ÏÈ¿´µ¥Ò»ä¯ÀÀÆ÷µÄÅжϣ¬ÎÒÃÇûÓбØÐëÈ¥ÕÒnavigator.userAgentµÄÂé·³£¬ÎÒÔÚ¹úÍâµÄ²©¿ÍÍøÕ¾ÊÕ¼¯ÁËÈçÏÂhack£¬¶ÌС¾«º·£º
ie = !+"\v1" ;
ie ='\v'=='v' ; ......