Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

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Õâ¸ö´Êº­¸ÇÁËÊý¾ÝͨÐŵÄÊý°ÙÖÖÇé¿ö£¬²»¹ýÈ«ÊÇÎ§ÈÆÒ»¸öǰÌá½øÐеģºÕâЩ¿Í»§¶Ëµ½·þÎñÆ÷µÄ¸½¼ÓÇëÇó¶¼ÊÇÔÚÒ³ÃæÍêÈ«ÔØÈëÖ


Ïà¹ØÎĵµ£º

JavaScript³£ÓöÔÏóµÄ·½·¨ºÍÊôÐÔ£¨ÍµÀ´µÄ£©

JavaScriptÊÇ»ùÓÚ¶ÔÏóµÄÓïÑÔ¡£ÎÒÃÇÖªµÀ£¬¶ÔÏóÊÇÓÉÒ»×éÊý¾Ý(JavaScriptÖгÆÖ®ÎªÊôÐÔ)ºÍÊ©¼ÓÔÚÕâ×éÊý¾ÝÉϵķ½·¨×é³ÉµÄ¡£Í¬Ê±£¬JavaScriptÖл¹ÓÐһЩ²»ÊôÓÚÈκζÔÏóµÄϵͳº¯Êý¡£±¾ÎĽ«¼òµ¥½éÉÜJavaScriptÖÐһЩ³£ÓöÔÏóµÄÊôÐԺͷ½·¨£¬ÒÔ¼°¼¸¸öÓÐÓõÄϵͳº¯Êý¡£
¡¡¡¡Ò»¡¢´®·½·¨
¡¡¡¡JavaScriptÓÐÇ¿´óµÄ´®´¦Àí¹¦ÄÜ£¬ÓÐÁËÕâЩ´® ......

javascriptÉè¼ÆÄ£Ê½Ö®¹¤³§Ä£Ê½

¹¤³§Ä£Ê½·ÖΪ¼òµ¥¹¤³§Ä£Ê½ºÍ¸´ÔÓ¹¤³§Ä£Ê½£¬Ç°ÕßÊÇʹÓÃÒ»¸öÀàÀ´Éú³ÉʵÀý£¬Í¨³£ÊÇÒ»¸öµ¥Ì壬ºóÕßÊÇʹÓÃ×ÓÀàÀ´¾ö¶¨Ò»¸ö³ÉÔ±±äÁ¿ÊÇÄĸöÀàµÄ¾ßÌåʵÀý£¬Ò²¾ÍÊǼòµ¥¹¤³§°üº¬ÔÚ¸´ÔÓ¹¤³§Ö®ÖС£
ÏÂÃæÍ¨¹ýÒ»¸ö¾ßÌåµÄʵÀýÀ´¾ßÌåµÄ˵˵Õ⹤³§µÄÒ»¶þ°É¡£
ÓÃAjax¼¼Êõ·¢ÆðÒì²½ÇëÇóÊÇÏÖÔÚweb¿ª·¢ÖеÄÒ»¸ö³£¼ûÈÎÎñ¡£ 
 1 // ......

javascript»ñÈ¡url²ÎÊýµÄ·½·¨

function GetRequest()  
{  
    var url  =  location .search; //»ñÈ¡urlÖÐ"?"·ûºóµÄ×Ö´®  
    var theRequest  =  new  Object();  
    if(url.indexOf("?") != -1)  
    ......

ѧÓÃJS£¨javascript£©Óï¾ä´óÈ«¡£¶Ô³õѧÕߺÜÓаïÖú ¡£

ѧÓÃJS£¨javascript£©Óï¾ä´óÈ«¡£¶Ô³õѧÕߺÜÓаïÖú ¡£ÏÖÔÚÕûÀí³öÀ´£¬Ï£ÍûÄܰïÖú´ó¼Ò¡£
1.document.write(""); Êä³öÓï¾ä
2.JSÖеÄ×¢ÊÍΪ//
3.´«Í³µÄHTMLÎĵµË³ÐòÊÇ:document->html->(head,body)
4.Ò»¸öä¯ÀÀÆ÷´°¿ÚÖеÄDOM˳ÐòÊÇ:window->(navigator,screen,history,location,document)
5.µÃµ½±íµ¥ÖÐÔªËØµÄÃû³ÆºÍ ......

JAVASCRIPT ½Ì³Ì4 ¸¶Ê×ê¿

µÚËļ¯
--------------------------------------------------------------------------------
ÕâÕÂÎÒ½«¸æËßÄúÈçºÎÔÚ״̬ÁÐ (statusbar) (Ò²¾ÍÊÇÄúä¯ÀÀÆ÷×îÏ·½ÏÔʾ URLs µÄÄÇÒ»ÐÐ) ÏÔʾÎÄ×Ö£¬²¢ÇÒ½«½ÌÄú 'ÅÜÂíµÆ' (ÒÔϼò³Æ scroller ) µÄ¹¤×÷Ô­Àí¡£ËäÈ»ÒÔ
JavaScript Íê³ÉµÄ scroller ĿǰÈÔÓÐЩÎÊÌâ (ÉÔáá»áÌáµ½ÎÊÌâÔ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ