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ÖеĶÔÏó
¡£¶ÔÏóºÍ¶ÔÏóʵÀý
1£¬¶ÔÏóÊǶÔijһÀàÊÂÎïµÄÃèÊö£¬ÊdzéÏóÉϵĸÅÄ¶ø¶ÔÏóʵÀýÊÇÒ»ÀàÊÂÎïÖеľßÌå¸öÀý¡££¨ÕâÀï¶ÔÏóÏ൱ÓÚjava£¬c++ÖеÄÀàµÄ¸ÅÄ
2£¬Äܹ»±»ÓÃÀ´´´½¨¶ÔÏóʵÀýµÄº¯Êý¾Í½Ð×ö¶ÔÏóµÄ¹¹Ô캯Êý£¬Ö»Òª¶¨ÒåÁËÒ»¸ö¶ÔÏóµÄ¹¹Ô캯Êý¾ÍµÈÓÚ¶¨ÒåÁËÒ»¸ö¶ÔÏó£¬Ê¹ÓÃnew¹Ø¼ü×ֺͶÔÏóµÄ¹¹Ô캯Êý¾Í¿ÉÒÔ ......
ÍøÉÏÕýÔò±í´ïʽµÄ½Ì³Ì¹»¶àÁË£¬µ«ÓÉÓÚjavascriptµÄÀúÊ·±È½ÏÓÆ¾Ã£¬Ò²±È½Ï¹ÅÀÏ£¬Òò´ËÓÐÐí¶àÌØÐÔÊDz»Ö§³ÖµÄ¡£ÎÒÃÇÏÈ´Ó×î¼òµ¥µØËµÆð£¬ÎÄÕÂËùÑÝʾµÄÕýÔò»ù±¾¶¼ÊÇperl·½Ê½¡£
Ôª×Ö·û
( [ { \ ^ $ | ) ? * + .
Ô¤¶¨ÒåµÄÌØÊâ×Ö·û
.table1 {
border:1px solid #666;border-collapse:collapse;width:7 ......
confirm(string) ·½·¨
1¡¢ÓÐÒ»¸östringÀàÐͲÎÊý£¬ËüµÄÖµ¾ÍÊÇÔÚ¶Ô»°¿òÖеÄÎı¾ÐÅÏ¢¡£
2¡¢boolean ÀàÐ͵ķµ»ØÖµ¡£Ñ¡Ôñ“È·¶¨”·µ»ØµÄ¾ÍÊÇtrue,Ñ¡Ôñ“È¡Ïû”·µ»Øfalse¡£
¾ÙÀý£º
<script type="text/javascript">
function cfm() {
i ......
JavascriptÖеij£¼ûÎÊÌâ
1. ¼¯ºÏÀà¶ÔÏóÎÊÌâ
ÏÖÓдúÂëÖÐÐí¶à¼¯ºÏÀà¶ÔÏóÈ¡ÓÃʱʹÓà ()£¬IE ÄܽÓÊÜ£¬Firefox ²»ÄÜ¡£
½â¾ö·½·¨£º¸ÄÓà [] ×÷ΪϱêÔËËã¡£È磺document.forms("formName") ¸ÄΪ
Js´úÂë
document.forms[
"formName"
];
//ÓÖÈ磺
document.getEle ......