Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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 ¶ÁÈ¡ XMLÎļþ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<mce:style type="text/css"><!--

table,tr,td {
background-position: center;
border-width: 1px;
border-style: solid;
border-coll ......

JavascriptÖÐ×î³£ÓõÄ55¸ö¾­µä¼¼ÇÉ

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="return f ......

ÕÅТÏêjavascript½²×ù±Ê¼ÇÎå

Ò»£¬javascriptÖеĶÔÏó
¡£¶ÔÏóºÍ¶ÔÏóʵÀý
1£¬¶ÔÏóÊǶÔijһÀàÊÂÎïµÄÃèÊö£¬ÊdzéÏóÉϵĸÅÄ¶ø¶ÔÏóʵÀýÊÇÒ»ÀàÊÂÎïÖеľßÌå¸öÀý¡££¨ÕâÀï¶ÔÏóÏ൱ÓÚjava£¬c++ÖеÄÀàµÄ¸ÅÄ
2£¬Äܹ»±»ÓÃÀ´´´½¨¶ÔÏóʵÀýµÄº¯Êý¾Í½Ð×ö¶ÔÏóµÄ¹¹Ô캯Êý£¬Ö»Òª¶¨ÒåÁËÒ»¸ö¶ÔÏóµÄ¹¹Ô캯Êý¾ÍµÈÓÚ¶¨ÒåÁËÒ»¸ö¶ÔÏó£¬Ê¹ÓÃnew¹Ø¼ü×ֺͶÔÏóµÄ¹¹Ô캯Êý¾Í¿ÉÒÔ ......

javascriptÉè¼ÆÄ£Ê½Ö®µ¥Ìåģʽ

µ¥ÌåÊÇÒ»¸öÓÃÀ´»®·ÖÃüÃû¿Õ¼ä²¢½«Ò»ÅúÏà¹ØµÄÊôÐԺͷ½·¨×éÖ¯ÔÚÒ»ÆðµÄ¶ÔÏó£¬Èç¹ûËû¿ÉÒÔ±»ÊµÀý»¯£¬ÄÇôËûÖ»Äܱ»ÊµÀý»¯Ò»´Î¡£
µ¥ÌåģʽÊÇjavascriptÀïÃæ×î»ù±¾µ«Ò²ÊÇ×îÓÐÓõÄģʽ֮һ¡£
ÌØµã£º
1.      ¿ÉÒÔÀ´»®·ÖÃüÃû¿Õ¼ä£¬´Ó¶øÇå³ýÈ«¾Ö±äÁ¿Ëù´øÀ´µÄΣÏÕ¡£
2.      ......

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

µÚ Èý ¼¯
--------------------------------------------------------------------------------
Ôø ÓÐ Ðí ¶à Íø ÓÑ ÎÊ ÎÒ ÓÐ ¹ØJavaScriptÓë ¿ò ¼Ü(Ϊ Çó ·½ ±ã£¬ ÒÔ Ï ¾ù ÓÃframe±í ʾ)ºÏ Óà µÄ ÎÊ Ìâ¡£ Ê ʵ ÉÏ£¬Èô Äú ͬ ʱ Ïë ÓÃframesºÍJavaScriptµÄ ¹¦ ÄÜ£¬
Ê× ÏÈ Äú ±Ø Ðè Óµ ÓÐNetscape Navigator 2.0 (»ò ÒÔ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ