ÓÃJavaScript½Å±¾ÊµÏÖWebÒ³ÃæÐÅÏ¢½»»¥ [8]
ҪʵÏÖ¶¯Ì¬½»»¥£¬±ØÐëÕÆÎÕÓйش°Ìå¶ÔÏó(Form)ºÍ¿ò¼Ü¶ÔÏó(Frames)¸üΪ¸´ÔÓµÄ֪ʶ¡£
Ò»¡¢
´°Ìå»ù´¡ÖªÊ¶
¡¡¡¡´°Ìå¶ÔÏó¿ÉÒÔʹÉè¼ÆÈËÔ±ÄÜÓô°ÌåÖв»Í¬µÄÔªËØÓë¿Í»§»úÓû§Ïཻ»¥£¬¶øÓò»×ÅÔÚ֮ǰÊ×ÏȽøÐÐÊý¾ÝÊäÈ룬¾Í¿ÉÒÔʵÏÖ¶¯Ì¬¸Ä±ä
WebÎĵµµÄÐÐΪ¡£
£±¡¢Ê²Ã´ÊÇ´°Ìå¶ÔÏó
´°Ì壨Form£©:Ëü¹¹³ÉÁË
WebÒ³ÃæµÄ»ù±¾ÔªËØ¡£Í¨³£Ò»¸öWebÒ³ÃæÓÐÒ»¸ö´°Ìå»ò¼¸¸ö´°Ì壬ʹÓÃForms[]Êý×éÀ´ÊµÏÖ²»Í¬´°ÌåµÄ·ÃÎÊ¡£
<form
Name=Form1>
<INPUT type=text...>
<Input
type=text...>
<Inpup byne=text...>
</form>
<form
Name=Form2>
<INPUT type=text...>
<Input
type=text...>
</form>
¡¡¡¡ÔÚ
Forms[0]Öй²ÓÐÈý¸ö»ù±¾ÔªËØ£¬¶øForms[1]ÖÐÖ»ÓÐÁ½¸öÔªËØ¡£
¡¡¡¡´°Ìå¶ÔÏó×îÖ÷ÒªµÄ¹¦ÄܾÍÊÇÄܹ»Ö±½Ó·ÃÎÊHTMLÎĵµÖеĴ°Ì壬Ëü·â
×°ÁËÏà¹ØµÄHTML´úÂ룺
<Form
Name
="±íµÄÃû³Æ"
Target ="Ö¸¶¨ÐÅÏ¢µÄÌá½»´°¿Ú"
action ="½ÓÊÕ´°Ìå³ÌÐò¶ÔÓ¦µÄURL"
Method
=ÐÅÏ¢Êý¾Ý´«ËÍ·½Ê½(get/post)
enctype ="´°Ìå±àÂ뷽ʽ"
[onsubmit
="JavaScript´úÂë"]>
</Form>
¡¡
£²¡¢´°Ìå¶ÔÏóµÄ·½·¨
¡¡¡¡´°Ìå¶ÔÏóµÄ·½·¨Ö»ÓÐÒ»¸ö--submit()·½·¨£¬¸Ã·½·¨Ö÷Òª¹¦ÓþÍÊÇ
ʵÏÖ´°ÌåÐÅÏ¢µÄÌá½»¡£ÈçÌá½»Mytest´°Ìå,ÔòʹÓÃÏÂÁиñʽ£º
document.mytest.submit()
¡¡
£³¡¢´°Ìå¶ÔÏóµÄÊôÐÔ
¡¡¡¡´°Ìå¶ÔÏóÖеÄÊôÐÔÖ÷Òª°üÀ¨ÒÔÏ£ºelements name
action target encoding method.
¡¡¡¡³ýElementsÍ⣬ÆäËü¼¸¸ö¾ù·´Ó³ÁË´°ÌåÖбêʶÖÐÏàÓ¦ÊôÐÔµÄ״̬£¬Õâͨ³£
Êǵ¥¸ö´°Ìå±êʶ£»¶øelements³£³£ÊǶà¸ö´°ÌåÔªËØÖµµÄÊý×飬Àý£º
elements[0].Mytable.elements[1]
¡¡
£´¡¢·ÃÎÊ´°Ìå¶ÔÏó
ÔÚJavaScriptÖзÃÎÊ´°Ìå¶ÔÏó¿ÉÓÉÁ½ÖÖ·½·¨ÊµÏÖ£º
£¨£±£©Í¨¹ý
·ÃÎÊ´°Ìå
¡¡¡¡ÔÚ´°Ìå¶ÔÏóµÄÊôÐÔÖÐÊ×ÏȱØÐëÖ¸¶¨Æä´°ÌåÃû£¬¶øºó¾Í¿ÉÒÔͨ¹ýÏÂÁбêʶ·ÃÎÊ´°ÌåÈ磺document.Mytable()¡£
£¨£²£©
ͨ¹ýÊý×éÀ´·ÃÎÊ´°Ìå
¡¡¡¡³ýÁËʹÓô°ÌåÃûÀ´·ÃÎÊ´°ÌåÍ⣬»¹¿ÉÒÔʹÓô°Ìå¶ÔÏóÊý×éÀ´·ÃÎÊ´°Ìå¶ÔÏó¡£µ«ÐèҪעÒâÒ»µã£¬Òò´°Ìå¶ÔÏóÊÇÓÉä¯ÀÀÆ÷»·¾³µÄÌṩ
µÄ£¬¶øä¯ÀÀÆ÷»·¾³ËùÌṩµÄÊý×éϱêÊÇÓÉ0µ½n¡£ËùÒÔ¿Éͨ¹ýÏÂÁиñʽʵÏÖ´°Ìå¶ÔÏóµÄ·ÃÎÊ£º
document.forms[0]
document.forms[1]
document.forms[2]...
¡¡
£µ¡¢ÒýÓô°ÌåµÄÏȾöÌõ¼þ
¡¡¡¡ÔÚJavaScriptÖÐÒª¶Ô´°ÌåÒýÓõÄÌõ¼þÊÇ£º±ØÐëÏÈÔÚÒ³Ãæ
Ïà¹ØÎĵµ£º
¾¡¹ÜÄÇÐèÒªÓó¤´®µÄ¡¢³ÁÃƵIJ»Í¬·ÖÖ§´úÂëÀ´Ó¦¸¶²»Í¬ä¯ÀÀÆ÷µÄÈÕ×ÓÒѾ¹ýÈ¥£¬Å¼¶û»¹ÊÇÓбØÒª×öһЩ¼òµ¥µÄÇø·ÖºÍÄ¿±ê¼ì²âÀ´È·±£Ä³¿é´úÂëÄÜÔÚÓû§µÄ»úÆ÷ÉÏÕý³£ÔËÐС£ÔÚÕâƪÎÄÕÂÖУ¬×÷Õß½éÉÜÁË7¸öÔÚIEºÍFirefoxÖв»Í¬µÄJavaScript¾ä·¨¡£
1. CSS "float" Öµ
·ÃÎÊÒ»¸ö¸ø¶¨CSS ÖµµÄ×î»ù±¾¾ä·¨ÊÇ£ºobject.style.property£¬ ......
Ò»¡¢ÕýÔò±í´ïʽͨ¹ýRegExpÀàʵÏÖ£¬RegExp¶ÔÏóµÄ¹¹Ô캯Êý¿ÉÒÔ´øÒ»¸ö»òÁ½¸ö²ÎÊý¡£µÚÒ»¸ö²ÎÊý(»òÖ»ÓÐÒ»¸ö²ÎÊý)ÊÇÃèÊöÐèÒª½øÐÐÆ¥ÅäµÄģʽ×Ö·û´®£¬Èç¹û»¹Óеڶþ¸ö²ÎÊý£¬Õâ¸ö²ÎÊýÔòÖ¸¶¨Á˶îÍâµÄ´¦ÀíÖ¸Áî¡£
¶¨ÒåÕýÔò±í´ïʽ£º
1¡¢Ö»Æ¥Åä×Ö·û´®ÖгöÏֵĵÚÒ»¸öµ¥´Ê"cat"£»Çø·Ö´óСд
var reCat = new RegExp("cat&q ......
JavaScript½Å±¾ÓïÑԵĻù±¾¹¹³ÉÊÇÓÉ¿ØÖÆÓï¾ä¡¢º¯Êý¡¢¶ÔÏó¡¢·½·¨¡¢ÊôÐÔµÈ,À´ÊµÏÖ±à³ÌµÄ¡£
Ò»¡¢
³ÌÐò¿ØÖÆÁ÷
¡¡¡¡ÔÚÈκÎÒ»ÖÖÓïÑÔÖУ¬³ÌÐò¿ØÖÆÁ÷ÊDZØÐëµÄ£¬ËüÄÜʹµÃÕû¸ö³ÌÐò¼õС»ìÂÒ£¬Ê¹Ö®Ë³Àû°´ÆäÒ»¶¨µÄ·½Ê½Ö´ÐС£ÏÂÃæÊÇ
JavaScript³£ÓõijÌÐò¿ØÖÆÁ÷½á¹¹¼°Óï¾ä:
£±¡¢ifÌõ¼þÓï¾ä
¡¡»ù±¾
¸ñʽ
if£¨±íÊöʽ£©
Óï¾ä¶Î£±£»
......
ʹÓÃä¯ÀÀÆ÷µÄÄÚ²¿¶ÔÏóϵͳ,
¿ÉʵÏÖÓëHTMLÎĵµ½øÐн»»¥¡£ËüµÄ×÷ÓÃÊǽ«Ïà¹ØÔªËØ×éÖ¯°ü×°ÆðÀ´£¬Ìṩ¸ø³ÌÐòÉè¼ÆÈËԱʹÓ㬴Ӷø¼õÇá±à³ÌÈ˵ÄÀͶ¯£¬Ìá¸ßÉè¼ÆWebÒ³ÃæµÄÄÜÁ¦¡£
Ò»¡¢
ä¯ÀÀÆ÷¶ÔÏó²ã´Î¼°ÆäÖ÷Òª×÷ÓÃ
¡¡¡¡³ýÁËÇ°ÃæÌáµ½¹ýµÄÎĵµdocument¶ÔÏóÍ⣬Navigatorä¯ÀÀÆ÷Öл¹ÌṩÁË´°¿Ú£¨Window£©¶ÔÏóÒÔ¼°ÀúÊ·£¨History£©ºÍÎ»Ö ......