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")µÄ½Úµã
Ïà¹ØÎĵµ£º
1£®ÔÚCOM×é¼þÖе÷ÓÃJavaScriptº¯Êý
// Á¬½Óµã·½Ê½Ò³Ãæjavascript½Å±¾
<object classid="CLSID:B568F111-DFE4-4944-B67F-0728AB2AB30F"
id="testCom" VIEWASTEXT></object>
<script language="JavaScript" for="testCom" event="staTe(s)">
&nbs ......
ÎÒÃǾ³£ÐèÒªÔÚJavaScriptÖиøElement¶¯Ì¬Ìí¼Ó¸÷ÖÖÊôÐÔ£¬Õâ¿ÉÒÔͨ¹ýʹÓÃsetAttribute()À´ÊµÏÖ£¬Õâ¾ÍÉæ¼°µ½ÁËä¯ÀÀÆ÷µÄ¼æÈÝÐÔÎÊÌâ¡£
setAttribute(string name, string value)£ºÔö¼ÓÒ»¸öÖ¸¶¨Ãû³ÆºÍÖµµÄÐÂÊôÐÔ£¬»òÕß°ÑÒ»¸öÏÖÓеÄÊôÐÔÉ趨Ϊָ¶¨µÄÖµ¡£
1¡¢ÑùʽÎÊÌâ
setAttribute(class, value)ÖÐclassÊÇÖ¸¸Ä±äclassÕâ¸öÊôÐ ......
ºÜ¶àÈ˶¼ÏòÔÚ·þÎñÆ÷
¶Ëµ÷Óÿͻ§¶ËµÄº¯ÊýÀ´²Ù×÷£¬Ò²¾ÍÊÇÔÚaspÖе÷ÓÃjava
script½Å±¾ÖÐÒѾ¶¨ÒåºÃµÄ½Å±¾º¯Êý¡£¾¹ýÑо¿£¬·¢ÏÖÁËһЩÃãÇ¿µÄ·½·¨¡£
1.
ÓÃResponse.Write·½·¨Ð´Èë½Å±¾
±ÈÈçÔÚÄãµ¥»÷°´Å¥ºó£¬ÏȲÙ×÷Êý¾Ý¿â
£¬ÍêÁ˺óÏÔʾÒѾÍê³É£¬¿ÉÒÔÔÚ×îºóÏëµ÷Óõĵط½Ð´ÉÏ
Response.Write("<script type='text/j ......
javascriptÈçºÎ¶¨ÒåÀàÄØ£¿
ÃæÊÔµÄʱºòÓÐѧÉú±»Îʵ½Õâ¸öÎÊÌâ¡£
ʵ¼ÊÉÏjavascriptµÄ·½·¨¾ÍÊÇÒ»¸ö¶ÔÏó¡£
ÀûÓÃÕâÒ»µã£¬ÎÒÃÇ¿ÉÒÔʹÓÃjavascript¶¨ÒåÀà¡£
ÈçÏÂÀý×ÓËùʾ¡£
<mce:script language="javascript"><!--
//javascriptµÄÃæÏò¶ÔÏóµÄÀý×Ó
function sayHi(){
alert("Hello ,"+this.name);
}
function get ......
½ûÖ¹Ò³ÃæË¢ÐµÄjavascript´úÂë
µ±Óû§ÏòÊý¾Ý¿âÌá½»Êý¾Ýºó,ÍùÍùÓÉÓÚµã»÷ÁËF5Ë¢ÐÂÒ³Ãæ,Ôì³ÉÊý¾ÝµÄÖØ¸´Ìá½»,ºÜÈÝÒ×Ôì³ÉÊý¾Ý¿âÊý¾Ý»ìÂÒ.
Èç¹ûÆÁ±ÎÁËˢа´Å¥,¶þ´ÎÌá½»µÄ¿ÉÄÜÐÔ»áСºÜ¶à!
ÏÂÃæÊǽûÖ¹Ò³ÃæË¢ÐµÄjavascript´úÂë:
document.onkeydown = function()
{
if(ev ......