JavaScriptÑÐò½¥½ø£¨1£©
DOM
Document Object Model
ÊDZí´ïʽXMLÎĵµµÄ³£¼û·½Ê½£¬DOM¸ø¿ª·¢ÕßÌṩÁËÒ»ÖÖ¶¨Î»XML²ã¼¶½á¹¹µÄÖ±¹Û·½·¨¡£
½âÎö²¢ä¯ÀÀDOMÎĵµµÄÓÐЧ·½·¨ÎÞÒÉÄܼò»¯JavaScriptµÄ¿ª·¢¡£
¹é¸ù½áµ×£¬JavaScriptÖоø´ó²Ù×÷¶¼ÊÇJavaScriptºÍÍøÒ³ÀﲻͬµÄHTMLÔªËØÖ®¼äµÄ½»»¥£¬¶øDOMÔòÊǼò»¯ÕâÒ»¹ý³ÌµÄ³öÉ«¹¤¾ß¡£
ÀýÈ磺
»ñµÃÎĵµÖеÄËùÓÐ<li>ÔªËØ
var li = document.getElementsByTagName("li");
²¢¸øËüÃÇÈ«²¿¶¼Ìí¼ÓÒ»¸öºÚÉ«±ß¿ò
for(var j=0; j<li.length; j++){
li[j].style.border="1px solid #000";
}
»ñÈ¡IDΪ”zxr”µÄÔªËØ
var zxr = document.getElementById("zxr");
´ÓÎĵµÖÐɾ³ýÕâ¸öÔªËØ
zxr.parentNode.removeChild(zxr);
DOMÊÇ¿ª·¢·ÖÀëʽJavaScript´úÂëµÄµÚÒ»²½£¬ÔÚHTMLÎĵµÖнøÐмòµ¥¿ìËٵĶ¨Î»Ê¹JavaScriptÓëHTMLµÄ»¥¶¯ÈÝÒ×Á˲»ÉÙ¡£
ʼþ
event
ÊÇð¤ºÏÓ¦ÓóÌÐòÖÐËùÓÐÓû§½»»¥µÄ“½ºË®”¡£
DOMºÍJavaScriptʼþµÄ×éºÏ£¬ÊǾö¶¨ËùÓÐÏÖ´úWebÓ¦ÓóÌÐòÐÎ̬µÄ¸ù±¾ËùÔÚ¡£
ÀýÈ磺
»ñÈ¡ËùÓеÄ<li>ÔªËØ£¬¸øËüÃÇÌí¼ÓÉÏʼþ´¦Àíº¯Êý£¨event handler£©
var li = document.getElementsByTagName("li");
for(var j=0; j<li.length; j++){
li[j].onmouseover = function(){
this.style.backgroundColor = 'blue';
};
li[j].onmouseout = function(){
this.style.backgroundColor = 'yellow';
};
}
JavaScript Óë CSS
ÔÚDOMºÍʼþ½»»¥µÄ»ù´¡ÉϲúÉúÁËDHTML£¬ËýµÄʵÖÊÆäʵ¾ÍÊÇJavaScriptºÍDOMÔªËØÉϵÄCSSÊôÐÔÖ®¼äµÄ½»»¥¡£
×÷Ϊ¼ò±ã²¼¾Ö¡¢·ÖÀëÊ½ÍøÒ³µÄ±ê×¼£¬CSS£¨²ãµþÑùʽ±í£©ÔÚ¸ø¿ª·¢ÕßÌṩ´óÁ¿¹¦ÄܵÄͬʱ£¬Ö»¸øÄãµÄÓû§´øÀ´ÁË×îÉÙÁ¿µÄ¼æÈÝÐÔÎÊÌâ¡£×ÜÖ®£¬DHTMLµÄÒâÒåÔÚÓÚJavaScriptºÍCSS×éºÏÆðÀ´ÄÜ×öµ½Ê²Ã´£¬ÄãÓÖ¸ÃÈçºÎʹÓÃÕâÖÖ×éºÏÀ´´´ÔìʹÈËÃÇÓ¡ÏóÉî¿ÌµÄЧ¹û¡£
Ajax
Ajax»òÒì²½JavaScriptÓëXML(Asynchronous Javascript and XML),ÊÇJesse James GarrettÔÚAjax: A New Approach to Web Applications Ò»ÎÄÖÐÌá³öµÄÃû´Ê£¬ËûÊÇAdaptive PathÕâ¼ÒÐÅÏ¢Ìåϵ½á¹¹(information architecture)¹«Ë¾µÄ´´Ê¼È˺Í×ܲá£
Õâ¸öÃû´ÊÃèÊöµÄÊǿͻ§¶ËºÍ·þÎñÆ÷Ö®¼ä£¬ÔÚÇëÇóºÍÌá½»¸½¼ÓÐÅϢʱ½øÐеĸ߼¶½»»¥¶¯×÷¡£
AjaxÕâ¸ö´Êº¸ÇÁËÊý¾ÝͨÐŵÄÊý°ÙÖÖÇé¿ö£¬²»¹ýÈ«ÊÇÎ§ÈÆÒ»¸öǰÌá½øÐеģºÕâЩ¿Í»§¶Ëµ½·þÎñÆ÷µÄ¸½¼ÓÇëÇó¶¼ÊÇÔÚÒ³ÃæÍêÈ«ÔØÈëÖ
Ïà¹ØÎĵµ£º
µÚ9Õ ´úÂë·ç¸ñ
¼ÆËã»ú³ÌÐòÊÇÈËÀàÖÆÔì³öÀ´µÄ×ÔÓµÄÊÂÎï¡£³ÌÐòͨ³£Óɺܶಿ·Ö×é³É£¬±íÏÖΪº¯Êý¡¢Óï¾äºÍ±í´ïʽ£¬ËüÃDZØÐë׼ȷÎÞÎ󵨰´ÕÕ˳ÐòÅÅÁС£×îÖյĽá¹û¼¸ºõ¶¼ºÍʵÏÖËüµÄ³ÌÐòûÓÐʲôÏàËÆÖ®´¦¡£ÔÚÈí¼þµÄ²úÆ·ÉúÃüÖÜÆÚÖУ¬Í¨³£ËüÃǶ¼»á±»Ð޸ġ£°ÑÒ»¸öÕýÈ·µÄ³ÌÐòת»¯ÎªÁíÒ»¸öͬÑùÕýÈ·µ«·ç¸ñ²»Í¬µÄ³ÌÐò£¬ÊÇÒ»¸ö¼«¾ß ......
JavaScript¾ÍÕâô»ØÊ£º»ù´¡ÖªÊ¶
1 ´´½¨½Å±¾¿é
1: <script language="JavaScript">
2: JavaScript code goes here
3: </script>
¡¡
2 Òþ²Ø½Å±¾´úÂë
1: <script language="JavaScript">
2: <!--
3: document.write("Hello");
4: // -->
5: </script>
ÔÚ²»Ö§³ÖJavaScriptµÄä¯ÀÀ ......
ÓïÑÔ²ã´Î·½Ãæ
¡¡¡¡Ñ»·
¡¡¡¡Ñ»·ÊǺܳ£ÓõÄÒ»¸ö¿ØÖƽṹ£¬´ó²¿·Ö¶«Î÷ÒªÒÀ¿¿ËüÀ´Íê³É£¬ÔÚJavaScriptÖУ¬ÎÒÃÇ¿ÉÒÔʹÓÃfor(;;),while(),for(in)ÈýÖÖÑ»·£¬ÊÂʵÉÏ£¬ÕâÈýÖÖÑ»·ÖÐfor(in)µÄЧÂʼ«²î£¬ÒòΪËûÐèÒª²éѯɢÁмü£¬Ö»Òª¿ÉÒÔ¾ÍÓ¦¸Ã¾¡Á¿ÉÙÓá£for(;;)ºÍwhileÑ»·µÄÐÔÄÜÓ¦¸Ã˵»ù±¾(ƽʱʹÓÃʱ)µÈ¼Û¡£
¡¡¡¡¶øÊÂʵÉÏ£¬ÈçºÎ ......
µÚ 2 ¼¯
--------------------------------------------------------------------------------
·¶ Àý 5£º
ÔÚ Õâ Ò» ²¿ ·Ö Ê× ÏÈ Òª Ϊ Äã Õ¹ ʾ µÄ JavaScript ÌØ ÐÔ ÊÇ ½« Äã µÄ »¬ Êó ÒÆ µ½ Õâ ¸ö ²» ͬ ÑÕ É«
µÄÁ¬ ½áÉÏ Ãæ£¬ ´Ë ʱ ¿´ ¿´ ä¯ ÀÀ Æ÷ Ï µÄ ×´ ̬ ÁÐ ÓÐ ºÎ ½á ¹û¡£ È» áá Õâ Ñù µÄ ¹¦ ÄÜ ÎÒ ÃÇ ......
µÚ Èý ¼¯
--------------------------------------------------------------------------------
Ôø ÓÐ Ðí ¶à Íø ÓÑ ÎÊ ÎÒ ÓÐ ¹ØJavaScriptÓë ¿ò ¼Ü(Ϊ Çó ·½ ±ã£¬ ÒÔ Ï ¾ù ÓÃframe±í ʾ)ºÏ Óà µÄ ÎÊ Ìâ¡£ Ê ʵ ÉÏ£¬Èô Äú ͬ ʱ Ïë ÓÃframesºÍJavaScriptµÄ ¹¦ ÄÜ£¬
Ê× ÏÈ Äú ±Ø Ðè Óµ ÓÐNetscape Navigator 2.0 (»ò ÒÔ ......