JavaScript ¶ÔÏóÓëÊý×é²Î¿¼´óÈ«
±¾ÎÄÁоÙÁ˸÷ÖÖJavaScript¶ÔÏóÓëÊý×é,ͬʱ°üÀ¨¶ÔÉÏÊöÿһ¶ÔÏó»òÊý×éËùÍê³É¹¤×÷µÄ¼ò¶ÌÃèÊö,ÒÔ¼°ÓëÆäÏà¹ØµÄÊôÐÔ·½·¨,ÒÔ¼°Ê¼þ´¦Àí³ÌÐò¡£
¡¡¡¡B.1 anchor¶ÔÏó
¡¡¡¡Ê¹ÓÃ<A NAME=>±ê¼Ç´´½¨µÄHTMLÃèµãÄܱ»Ò»¸öÁ´½Ó×÷ΪĿ±êÈç¹ûêµã°üÀ¨HREF=ÌØÐÔ,ÔòËüÒ²ÊÇÒ»¸öÁ´½Ó¶ÔÏó¡£
¡¡¡¡anchor¶ÔÏóÊÇdocument¶ÔÏóµÄÒ»¸öÊôÐÔ,Ëü±¾ÉíûÓÐÊôÐÔ·½·¨»òÕßʼþ´¦Àí³ÌÐò¡£
¡¡¡¡B.2 anchorsÊý×é
¡¡¡¡anchorsÊý×éÊÇdocument¶ÔÏóµÄÒ»¸öÊôÐÔ,ÊÇÎĵµÄÚËùÓÐanchor¶ÔÏóµÄÒ»¸öÁбíÈç¹ûanchorÒ²ÊÇÒ»¸ölink(Á´½Ó),ÔòËü»áͬʱ³öÏÖÔÚanchorsºÍlinksÊý×éÖС£
¡¡¡¡ÊôÐÔ
¡¡¡¡length ÎĵµÄÚµÄêµã¸öÊý
¡¡¡¡B.3 array¶ÔÏó
¡¡¡¡array¶ÔÏóÊÇNetscape Navlgator 3.0 beta 3ÖÐÒýÈëµÄÒ»¸öеĶÔÏó,Òò¶ø,Ëü²»ÄÜÔÚNetscape 2.0ÖÐʹÓÃËüÊÇÒ»¸öÄÚÖöÔÏó,¶ø²»ÊÇÆäËü¶ÔÏóµÄÊôÐÔ¡£
¡¡¡¡ÊôÐÔ
¡¡length Êý×éÖеÄÖµ¸öÊý
¡¡¡¡B.4 button¶ÔÏó
¡¡¡¡ËüÊÇform¶ÔÏóµÄÒ»¸öÊôÐÔ,ʹÓÃ<INPUT TYPE="BUTTON">±ê¼ÇÀ´´´½¨¡£
¡¡¡¡ÊôÐÔ
¡¡¡¡name HTML±ê¼ÇÖеÄNAME=ÌØÐÔ
¡¡¡¡value HTML±ê¼ÇÖеÄVALUE=ÌØÐÔ
¡¡¡¡·½·¨
¡¡¡¡click Ä£ÄâÊó±êµ¥»÷Ò»°´Å¥
¡¡¡¡Ê¼þ´¦Àí³ÌÐò
¡¡¡¡Onclick
¡¡¡¡B.5 checkbox ¶ÔÏó
¡¡¡¡ËüÊÇform¶ÔÏóµÄÒ»¸öÊôÐÔ,ʹÓÃ<INPUT TYPE="CHECKBOX">±ê¼ÇÀ´´´½¨¡£
¡¡¡¡ÊôÐÔ
¡¡¡¡checked ¸´Ñ¡¿òµÄÑ¡Ôñ״̬
¡¡¡¡defaultChecked ±ê¼ÇµÄCHECKED=ÌØÐÔ
¡¡¡¡name ±ê¼ÇµÄNAME=ÌØÐÔ
¡¡¡¡value ±ê¼ÇµÄVALUE=ÌØÐÔ
¡¡¡¡·½·¨
¡¡¡¡click Ä£ÄâÊó±êµ¥»÷°´Å¥
¡¡¡¡Ê¼þ´¦Àí³ÌÐò
¡¡¡¡onclick
¡¡¡¡B.6 Date¶ÔÏó
¡¡¡¡ËüÊÇÒ»¸öÄÚÖöÔÏó——¶ø²»ÊÇÆäËü¶ÔÏóµÄÊôÐÔ,ÔÊÐíÓû§Ö´Ðи÷ÖÖʹÓÃÈÕÆÚºÍʱ¼äµÄ¹ý³Ì¡£
¡¡·½·¨
¡¡¡¡getDate() ²é¿´Date¶ÔÏó²¢·µ»ØÈÕÆÚ
¡¡¡¡getDay() ·µ»ØÐÇÆÚ¼¸
¡¡¡¡getHours() ·µ»ØÐ¡Ê±Êý
¡¡¡¡getMinutes() ·µ»Ø·ÖÖÓÊý
¡¡¡¡getMonth() ·µ»ØÔ·ÝÖµ
¡¡¡¡getSeconds() ·µ»ØÃëÊý
¡¡¡¡getTime() ·µ»ØÍêÕûµÄʱ¼ä
¡¡¡¡getTimezoneoffset() ·µ»ØÊ±ÇøÆ«²îÖµ(¸ñÁÖÍþÖÎÆ½¾ùʱ¼äÓëÔËÐнű¾µÄ¼ÆËã»úËù´¦Ê±ÇøÉèÖÃÖ®¼äÏà²îµÄСʱÊý)
¡¡¡¡getYear() ·µ»ØÄê·Ý
¡¡¡¡parse() ·µ»ØÔÚDate×Ö·û´®ÖÐ×Ô´Ó1970Äê1ÔÂ1ÈÕ00:00:00ÒÔÀ´µÄºÁÃëÊý(Date¶ÔÏó°´ÕÕºÁÃëÊýµÄÐÎʽ´æ´¢´ÓÄÇʱÆðµÄÈÕÆÚºÍʱ¼ä)µ«ÊÇ×¢Òâ,¸Ã·½·¨µ±Ç°²»ÄÜÕýÈ·ÔËÐÐ
¡¡¡¡setDate() ¸Ä±äDate¶ÔÏóµÄÈÕÆÚ
¡¡¡¡setHours() ¸Ä±äСʱÊý
¡¡¡¡setMinutes() ¸Ä±ä·ÖÖÓÊý
¡¡¡¡setMonth() ¸Ä±äÔ·Ý
¡¡¡¡setSeconds() ¸Ä±äÃë
Ïà¹ØÎĵµ£º
<form name="f1"><select name="s1"
onchange="chg(document.f1.s1,document.f1.s2)">
<option value="½Î÷">½Î÷</option>
<option value="¸£½¨">¸£½¨</option>
</select><select name="s2">
<option value="1">1</option>
&l ......
CDATA ÄÚ²¿µÄËùÓж«Î÷¶¼»á±»½âÎöÆ÷ºöÂÔ¡£
¼ÙÈçÎı¾Öаüº¬ÁË´óÁ¿µÄ "<" ºÍ "&" ×Ö·û - ¾ÍÏñ±à³Ì´úÂëÖо³£³öÏÖµÄÇé¿öÒ»Ñù - ÄÇôÕâ¸ö XML ÔªËØ¾Í¿ÉÒÔ±»¶¨ÒåΪһ¸ö CDATA ²¿·Ö¡£
CDATA Çø¶Î¿ªÊ¼ÓÚ "<![CDATA["£¬½áÊøÓÚ "]]>"£º
<script type="text/javascript">
<![CDATA[
function compare(a,b)
......
ShowModalDialogº¯ÊýµÄ¹¦ÄÜ£º
´ò¿ªÒ»¸ö×Ó´°¿Ú£¬²¢ÇÒ¿ÉÓ븸´°¿ÚÏ໥´«µÝÊý¾Ý£¬ËüÓëwindow.openµÄ×î´óÇø±ð¾ÍÔÚÓÚÓÉShowModalDialog´ò¿ª×Ó´°¿Úºó£¬¸¸´°¿Ú½«²»ÄܲÙ×÷¡£
ʹÓ÷½·¨£º
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
²ÎÊý˵Ã÷£º
sURL
±ØÑ¡²ÎÊý£¬ÀàÐÍ£º×Ö·û´®¡£ÓÃÀ´Ö¸¶¨¶Ô»°¿òÒªÏ ......
1. ³¤¶ÈÏÞÖÆ
<script>
function test()
{
if(document.a.b.value.length>50)
{
alert("²»Äܳ¬¹ý50¸ö×Ö·û£¡");
document.a.b.focus();
return false;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea& ......