JavaScript»ù´¡¸ÅÄîÀí½â
×î»ù´¡µÄºËÐŦÄÜ ÈçÔËËã·û(+-*/µÈ) ¿ØÖÆÁ÷³ÌÓï¾ä(if,for,whileµÈ) µÈµÈÎҾͲ»ËµÁË. ÕâÊÇ×î×î»ù±¾µÄ֪ʶ.
BOM֪ʶ
BOM Browser Object Model ä¯ÀÀÆ÷¶ÔÏóÄ£ÐÍ.
window¶ÔÏóÊÇBOM×îÖØÒªµÄ¶ÔÏó. ÎÒÃÇ¿ÉÒÔ¼òµ¥µÄ°ÑÒ»¸öIE´°¿ÚÀí½âΪһ¸öwindow¶ÔÏó.
window.location
window.history
window.screen
window.document
Õâ¸öÊÇÎÒÃÇ×î³£ÓõÄ
ʼþ
Æäʵͦ¼òµ¥µÄ,µ«Òª¼ÇסʼþµÄÇý¶¯ÓÐÁ½Ä£Ê½, "ðÅÝ"Óë"²¶»ñ"
ðÅÝ: ¼¤»î˳ÐòÊÇʼþ´ÓËü(ʼþ)´¥·¢µã¿ªÊ¼ÏòÉϲãÖð¼¶Ã°ÅÝ(´¥»î)Ö±ÖÁdocument(ÉÏÃæËù˵µÄwindow.document)Ϊֹ.
²¶»ñ: ¼¤»î˳ÐòÓëðÅÝÏà·´,ʲ®´ÓµÚÒ»²ã(document)Öð¼¶ÏòÏÂÖ±Ö¹ÕÒµ½×îÖÕµÄʼþ¼¤»îÄ¿±ê.
ÉÏÃæÁ½¸ö¸ÅÄî¿´¹ýÈ¥ÊÇÂé·³,ÎÒÃÇÖ»Òª¼Çסһ°ã¶¼ÓÃ"ðÅÝ"¾Í¿ÉÒÔÁË.
DOM
DOM Document Object Model Îĵµ¶ÔÏóÄ£ÐÍ.
Îҷdz£Ï²»¶Õâ¸ö¹¦ÄÜ(Ä£ÐÍ), ÒòΪËýʵÏÖÁËWEB½çÃæµÄǧ±äÍò»¯.(¸öÈËÏë·¨)
window.document ¾ÍÊÇDOMÒª²Ù×÷µÄ¶ÔÏó, DOM°ÑdocumentÄڵĽڵã(<head><title><body><form><table><div>µÈµÈ)·ÖÎö³ÉΪһ¿ÃÎĵµ½á¹¹Ê÷.È»ºóÎÒÃǾͿÉÒÔ¶ÔÕâ¿ÃÊ÷½øÐÐÔö¼Ó,ÐÞ¸Ä,ɾ³ý. ¶ÔÕâ¿ÃÊ÷Àï¸÷½ÚµãµÄ¸÷ÖÖÊôÐÔͬÑù½øÐÐÔö¼Ó,ÐÞ¸Ä,ɾ³ý. ±ÈÈç°ó¶¨CSSµÄclassÊôÐÔ. ͨ¹ýÕâЩ²Ù×÷,Ò»¸öHTMLµÄÕ¹ÏÔ¾ÍÍêÈ«ÔÚÎÒÃÇ¿ØÖƵ±ÖÐ. ÎÒÃÇ¿ÉÒÔ¶¯Ì¬µÄÔö¼Ó½Úµã(±ÈÈç<tr>,<div>µÈ),Ò²¿ÉÒÔÔÚÔËÐÐÖпØÖƽڵãÊÇ·ñ¿É¼û(display:none)µÈµÈ..
CSS·½Ãæ
CSS Cascading Style Sheet ²ãµþÑùʽ±íµ¥
Èç¹û˵HTMLÊǹǼܺÍÈâÌå,JavaScriptÊÇ˼ÏëÓëÐÐΪµÄ»°,ÄÇCSS¾ÍÊÇÒ·þ.
¶¨ÒåCSS
ÈýÖÖ
½ÚµãÃû {¸÷ÖÖÑùʽÊôÐÔ} Èç: p{} ×÷Ó÷¶Î§:ËùÓÐp½Úµã, body{} Õû¸öbody½Úµã, table{} ¸÷Ëùtable½Úµã
#½ÚµãIDÃû {¸÷ÖÖÑùʽÊôÐÔ} Èç: #myID{} ×÷Ó÷¶Î§ IDΪ"newNode"µÄ½Úµã.(Ö»ÒªIDΪ"newNode"¾Í·ûºÏÒªÇó)
.ÑùʽÃû {¸÷ÖÖÑùʽÊôÐÔ} Èç: .newStyle{} ×÷Ó÷¶Î§ ËùÓÐÔªËØ(½Úµã)µÄclassÊôÐÔ°üº¬Á˸ÃÑùʽÃû("newStyle")µÄ½Úµã
Ïà¹ØÎĵµ£º
JavaScript»ñÈ¡DOM½ÚµãÔªËØ
ÔÚWebÓ¦ÓóÌÐòÌØ±ðÊÇWeb2.0³ÌÐò¿ª·¢ÖУ¬¾³£Òª»ñÈ¡Ò³ÃæÖÐij¸öÔªËØ£¬È»ºó¸üиÃÔªËØµÄÑùʽ¡¢ÄÚÈݵȡ£ÈçºÎ»ñȡҪ¸üеÄÔªËØ£¬ÊÇÊ×ÏÈÒª½â¾öµÄÎÊÌâ¡£ÁîÈËÐÀοµÄÊÇ£¬Ê¹ÓÃJavaScript»ñÈ¡½ÚµãµÄ·½·¨ÓкܶàÖÖ£¬ÕâÀï¼òµ¥×öÒ»ÏÂ×ܽ᣺
ͨ¹ý¶¥²ãdocument½Úµã»ñÈ¡£º
1. document.getElement
......
ÐèÒªÁ˽âµÄHTML֪ʶ
±êÇ© table,tr,th,td
ÓÃÑ»·½øÐÐÖØ¸´²Ù×÷
for(;;){}
javascript×Ö·û´®
ÔÚjavascriptÖУ¬µÚÒ»¸ö×Ö·ûÔÚλÖÃ0ÉÏ¡£cat£¬cÔÚλÖÃ0ÉÏ£¬aÔÚλÖÃ1É ......
javascript¼¯½õ
javascriptÊý×é²Ù×÷»ã×Ü
javascript¶¯Ì¬´´½¨form±íµ¥ ºÍ ½Úµã¿ØÖÆËµÃ÷
¶¯Ì¬¶ÁÈ¡
javascript:function ctys(_ctag){
ctys1=document.createElement(_ctag);
document.body.appendChild(ctys1);
return ctys1
};
newE1=ctys('<TEXTAREA id=www>');
newE1.cols='150';
newE1.rows='30 ......
Ò»¸öÍêÕûµÄʼþϵͳ£¬Í¨³£´æÔÚÒÔÏÂÈý¸ö½ÇÉ«£º
ʼþ¶ÔÏó£¬ÓÃÓÚ´¢´æÊ¼þµÄ״̬¡£
ʼþÔ´¶ÔÏ󣬵±Ç°Ê¼þÔÚ²Ù×÷µÄ¶ÔÏó£¬ÈçÔªËØ½Úµã£¬Îĵµ¶ÔÏó£¬window¶ÔÏó£¬XMLHttpRequest¶ÔÏóµÈ¡£
ʼþ¼àÌýÆ÷£¬µ±Ò»¸öʼþÔ´Éú³ÉÒ»¸öʼþ¶ÔÏóʱ£¬Ëü»áµ÷ÓÃÏàÓ¦µÄ»Øµ÷º¯Êý½øÐвÙ×÷¡£ÔÚIEÖУ¬Ê¼þ¶ÔÏóºãΪȫ¾ÖÊôÐÔwindow.eventµÄ·ÖÉí¡£
ÔÚw3cà ......
±¾ÎÄÖ÷ÒªÊdzöÓÚÓÐÅóÓÑʹÓÃÎÒÔÀ´Ð´µÄautocompleteµÄJS¿Ø¼þ¡£µ±Êý¾ÝÁ¿´óµÄʱºò£¬»á³öÏÖЧÂʼ«ÆäÂýµÄÇé¿ö£¬ÎÒÔÚÕâ¶Îʱ¼ä×ö³öµÄһЩ²âÊÔÒ²¼°Ò»Ð©¾Ñ飬Óë´ó¼Ò·ÖÏí£¬Èç¹ûÓдíµÄµØ·½£¬»¹ÇëÖ¸³ö¡£
¾¹ý²âÊÔ£¬ÎÒÃǻᷢÏÖÈçϵÄÇé¿ö»òÕß˵µÄ½áÂÛ£¬Èç¹ûÄúµÄ²âÊÔ½á¹ûÓëÎҵIJ»·û£¬Çë˵Ã÷ÔÒò£¬ÒÔ±ãÏ໥ѧϰ¡£
1£©µ±Ò»¸ö½Ï´óµÄHTML×Ö· ......