²©Ñ§£¬ÇÐÎÊ£¬½ü˼--Õ²×ÓÖª (http://blog.csdn.net/zhiqiangzhan)
ÉÏÒ»Õ£¬ÎÒÃÇ·ÖÎöÁËJavaScriptÄÚÖöÔÏóµÄÊôÐԺͷ½·¨£¬ÕâÒ»Õ£¬ÎÒÃÇÒª¿ªÊ¼Ñ§Ï°ä¯ÀÀÆ÷Ïà¹Ø¶ÔÏóºÍ×é¼þµÄʹÓ㬾¡¹ÜJavaScript¿ÉÒÔÔËÐÐÔÚ²»Í¬µÄ½Å±¾Ö´ÐÐÒýÇæµ±ÖУ¬ÔÚ·þÎñÆ÷¶Ë£¬ASPºǫ́³ÌÐò¾Í¿ÉÒÔʹÓÃJScriptÀ´±àд¡£µ±È»×î¹ã·ºµÄ»¹ÊÇJavaScriptÔÚ¿Í»§¶ËµÄÓ¦Óá£JavaScript³ýÁË¿ÉÒÔ·ÃÎʱ¾ÉíÄÚÖõĸ÷ÖÖ¶ÔÏóÍ⣬»¹¿ÉÒÔ·ÃÎÊä¯ÀÀÆ÷ÌṩµÄ¶ÔÏó£¬Í¨¹ý¶ÔÕâЩ¶ÔÏóµÄ·ÃÎÊ£¬¿ÉÒԵõ½µ±Ç°ÍøÒ³ÒÔ¼°ä¯ÀÀÆ÷±¾ÉíµÄһЩÐÅÏ¢£¬²¢ÄÜÍê³ÉÓйصIJÙ×÷¡£
ä¯ÀÀÆ÷´°¿ÚÓëÍøÒ³Ö®¼ä£¬ÍøÒ³ÓëÍøÒ³¸÷×é³É²¿·ÖÖ®¼ä²¢ÊÇÒ»ÖÖ´ÓÊô¹ØÏµ£¬ËûÃǹØÏµÈçÏ£º
ä¯ÀÀÆ÷µÄÖ÷ÒªÓÐÒÔ϶ÔÏó£º
Windows ¶ÔÏó¡£
Event ¶ÔÏó¡£
XMLHTTPRequest ¶ÔÏó¡£
Document ¶ÔÏó¡£
Screen ¶ÔÏó¡£
Navigator ¶ÔÏó¡£
Location ¶ÔÏó¡£
HTML±ê¼ÇͨÓÃÊôÐÔ¡£
Form ¶ÔÏó¡£
Input ¶ÔÏó¡£
Option ¶ÔÏó¡£
Image ¶ÔÏó¡£
Link ¶ÔÏó¡£
Anchor ¶ÔÏó¡£
ÕâÀïÎÒÃÇÖ÷Òª¶ÔWindow£¬Event£¬XMLHTTPRequest£¬Document£¬Screen£¬NavigatorµÈÖ÷Òª¶ÔÏó½øÐнéÉÜ£¬ÆäËûµÄÈçForm£¬Input£¬Image£¬OptionµÈ¶ÔÏó£¬ÎÒÃÇÕâÀï½öÁгöÆäÊôÐԺͷ½·¨£¬²»×ö¹ý¶à½éÉÜ£¬ÒòΪËüÃǵÄÄÇЩÊôÐÔÔÚHTML±ê¼Ç ......
Code Conventions for the JavaScript Programming Language
This is a set of coding conventions and rules for use in JavaScript programming. It is inspired by the Sun document Code Conventions for the Java Programming Language. It is heavily modified of course because JavaScript is not Java.
The long-term value of software to an organization is in direct proportion to the quality of the codebase. Over its lifetime, a program will be handled by many pairs of hands and eyes. If a program is able to clearly communicate its structure and characteristics, it is less likely that it will break when modified in the never-too-distant future.
Code conventions can help in reducing the brittleness of programs.
All of our JavaScript code is sent directly to the public. It should always be of publication quality.
Neatness counts.
JavaScript Files
JavaScript programs should be stored in and delivered as .js files.
JavaScript code should not be embedded in HTM ......
×î½üҪʵÏÖÒ»¸ö¹ö¶¯ÐÂÎÅЧ¹û£¬ÔÚÍøÉϲéÁËһЩ×ÊÁÏ£¬·¢ÏÖ»ù±¾µÄʵÏÖ·½·¨ÓÐÁ½ÖÖ£º
ʹÓÃMarquee±êÇ©¡£Õâ¸ö±êÇ©µÄʹÓÃÎÒÒÑ¾×ªÔØÁËһƪ±È½ÏÏêϸµÄÎÄÕ£¬Õâ¸ö±êÇ©µÄÓŵãÊDZãÓÚʹÓã¬È±µãÊÇÈËÃÇÒѾÖð½¥²»ÊÊÓÃËüÁË£¬Ðí¶àä¯ÀÀÆ÷²»Ö§³Ö£¬ÉõÖÁÔÚIE8Ï룬XHTML4.0µÄloose.dtdÊÇ¿ÉÒԵ쬶øÈ¥µôloose.dtdÈ´²»ÐС£
ʹÓÃdiv+javascriptµÄ·½·¨¡£ÕâÖÖ·½·¨µÄºÃ´¦ÊÇ¿ÉÒÔ¼æÈݼ¸ºõËùÓеÄä¯ÀÀÆ÷£¬²¢ÇÒÔÚ¿ÉÒÔÔ¤ÁϵÄʱ¼äÄÚÈÔÄÜÎȶ¨ÔËÐС£²¢ÇÒʹÓÃdivʹµÃÍøÒ³¿ÉÒÔÀûÓÃÏÖÓеÄcss×ÊԴʵÏֺܶàìÅÄ¿µÄЧ¹û¡£È±µãÊÇÐèÒªÒ»¶¨µÄ±à³Ì¾ÑéºÍÄÍÐÄ¡£
ʹÓÃjavascript+div·½Ê½µÄ»ù±¾ÔÀíÊÇÒ»ÑùµÄ£¬ÀûÓÃscrollTopÊôÐÔºÍoffsetheightÊôÐÔÀ´ÊµÏÖÒÆ¶¯Ð§¹û¡£Ò»°ãʹÓÃÁ½¸ödiv£¬ÀïÃæµÄÄÚÈÝÊÇÒ»ÑùµÄ£¬È»ºóÀûÓÃÁ½¸ödivÆ´½Ó£¬Ðγɲ»¶ÏÑ»·µÄЧ¹û¡£ÏÂÃæÊÇÎÒÕÒµ½µÄÁ½·ÝʾÀý´úÂ룬µÚÒ»·ÝÕýÊÇÎÒÓõĴúÂ룬¿ÉÒÔÔËÐС£µÚ¶þ·ÝÎÒû×ö²âÊÔ¡£Ð´³öÀ´ÊÇΪÁË×ö¸ö¶Ô±È£¬µÚ¶þ·ÝÓ¦¸ÃÊÇÄÜÓõģ¬ÒòΪÄÇÊÇÎÒ´ÓÍøÕ¾ÉÏÕªÏÂÀ´µÄ¡£
µÚÒ»·Ý´úÂë
<div id="layer1" style="overflow-y:hidden;width:120;">
<div id="layer2">
<%
ArrayList announceList = DBTools.getView("select * ......
¸Ã±ä¸üÓÀÔ¶Ö¸·Ö¸î´°¿Ú×î¸ß²ã´ÎµÄä¯ÀÀÆ÷´°¿Ú¡£Èç¹û¼Æ»®´Ó·Ö¸î´°¿ÚµÄ×î¸ß²ã´Î¿ªÊ¼Ö´ÐÐÃüÁ¾Í¿ÉÒÔÓÃtop±äÁ¿¡£
parent£º
¸Ã±äÁ¿Ö¸µÄÊǰüº¬µ±Ç°·Ö¸î´°¿ÚµÄ¸¸´°¿Ú¡£Èç¹ûÔÚÒ»¸ö´°¿ÚÄÚÓзָ¿Ú£¬¶øÔÚÆäÖÐÒ»¸ö·Ö¸î´°¿ÚÖÐÓÖ°üº¬×ŷָ¿Ú£¬ÔòµÚ2²ãµÄ·Ö¸î´°¿Ú¿ÉÒÔÓÃparent±äÁ¿ÒýÓðüº¬ËüµÄ¸¸·Ö¸î´°¿Ú¡£
opener£º
Ö¸ÓÃWINDOW.OPENµÈ·½Ê½´´½¨µÄд°¿Ú¶ÔÓ¦µÄÔ´°¿Ú¡£
¸½£ºWindow¶ÔÏó¡¢Parent¶ÔÏó¡¢Frame¶ÔÏó¡¢Document¶ÔÏóºÍForm¶ÔÏóµÄ½×²ã¹ØÏµ£ºWindwo¶ÔÏó→Parent¶ÔÏó→Frame¶ÔÏó→Document¶ÔÏó→Form¶ÔÏó£¬
ÈçÏ£ºparent.frame1.document.forms[0].elements[0].value;
ÎÊÌ⣺ÔÚÒ»¸öÒ³ÃæÇ¶Èë¿ò¼Ü<iframe>£¬È»ºóÔÚ¿ò¼ÜÖÐʹÓÃjvascript½Å±¾£ºparent.xx.value='xxxxx'; ÔÚIEÖпÉÒÔÕý³£¿´µ½¸³Öµ£¬µ«ÊÇÔÚfirefoxÖÐÔò²»ÄÜÍê³É¸³Öµ¡£ÇëÎÊÔÚfirefoxÖе÷Óø¸¿ò¼ÜµÄ¶ÔÏóÓ¦¸ÃÊÇÄĸö£¬ÊÇ·ñºÍIE¼æÈÝ£¿
½â´ð£ºwindow.parent.document.formÃû.xx.value='xxxxx'; window¿ÉÊ¡ÂÔ¡£
parent.document.formÃû.xx.value='xxxxx'; parent.document.getElementById("xx").value='xxxxx';
window.parentÓëwindow.openerµÄÇø±ð javascriptµ÷ÓÃÖ ......
=================Ajax & Javascript====================
[½²Ê¦]Ù¡¸Õ
[½éÉÜ]½²¿Î²»´í£¬È˳¤µÄÒ²»¹²»´í£¬
[½²¿ÎÄÚÈÝ]Ö÷Òª½²struts1¡¢javascript¡¢ajax¡¢hibernate¡¢±àÂë¼Óǿ֮ÏîĿʵս¡¢UML
¡¾JavaScript¡¿
====Ãû´Ê½âÊÍ====
a.DOM½éÉÜ£ºDocument Object Model(Îı¾¶ÔÏóÄ£ÐÍ)
D£ºÎĵµ – html Îĵµ »ò xml Îĵµ
O£º¶ÔÏó – document ¶ÔÏóµÄÊôÐԺͷ½·¨
M£ºÄ£ÐÍ
DOM ÊÇÕë¶Ôxml(html)µÄ»ùÓÚÊ÷µÄAPI¡£
DOMÊ÷:½Úµã£¨node£©µÄ²ã´Î¡£
DOM °ÑÒ»¸öÎĵµ±íʾΪһ¿Ã¼ÒÆ×Ê÷£¨¸¸£¬×Ó£¬Ðֵܣ©
DOM¶¨ÒåÁËNodeµÄ½Ó¿ÚÒÔ¼°Ðí¶àÖÖ½ÚµãÀàÐÍÀ´±íʾXML½ÚµãµÄ¶à¸ö·½Ãæ
b.½Úµã½éÉÜ(Node)£ºÀ´Ô´ÓÚÍøÂçÀíÂÛ£¬´ú±íÍøÂçÖеÄÒ»¸öÁ¬½Óµã¡£ÍøÂçÊÇÓɽڵ㹹³ÉµÄ¼¯ºÏ
c.½Úµã·ÖΪÈýÖÖÀàÐÍ£ºÔªËؽڵ㡢ÊôÐԽڵ㡢Îı¾½Úµã
d.Node½ÚµãÊǽӿڣ¬Api¶¨ÒåÁ˺ܶàÊôÐԺͷ½·¨¡£
e.²éÕҽڵ㣺ֻÓд´½¨Á˽ڵ㣬²Å¿ÉÒÔʹÓÃapiµÄÊôÐԺͷ½·¨
.getElementById("");
//ͨ¹ýidÊôÐÔÖµ²éÕÒ[ÔªËØ½Úµã]¶ÔÏó£¬Ã»Óзµ»Ønull
//¸Ã·½·¨Ö»ÄÜÓÃÓÚ document ¶ÔÏó
.getElementsByTagName("");
//ͨ¹ý±êÇ©Ãû·µ»Ø[ÔªËØ½Úµã]¼¯ºÏ£¬Ã»Óзµ»Ønull
//¸Ã·½·¨²»Ö»ÊÇÓÃÓÚ d ......
=================Ajax & Javascript====================
[½²Ê¦]Ù¡¸Õ
[½éÉÜ]½²¿Î²»´í£¬È˳¤µÄÒ²»¹²»´í£¬
[½²¿ÎÄÚÈÝ]Ö÷Òª½²struts1¡¢javascript¡¢ajax¡¢hibernate¡¢±àÂë¼Óǿ֮ÏîĿʵս¡¢UML
¡¾JavaScript¡¿
====Ãû´Ê½âÊÍ====
a.DOM½éÉÜ£ºDocument Object Model(Îı¾¶ÔÏóÄ£ÐÍ)
D£ºÎĵµ – html Îĵµ »ò xml Îĵµ
O£º¶ÔÏó – document ¶ÔÏóµÄÊôÐԺͷ½·¨
M£ºÄ£ÐÍ
DOM ÊÇÕë¶Ôxml(html)µÄ»ùÓÚÊ÷µÄAPI¡£
DOMÊ÷:½Úµã£¨node£©µÄ²ã´Î¡£
DOM °ÑÒ»¸öÎĵµ±íʾΪһ¿Ã¼ÒÆ×Ê÷£¨¸¸£¬×Ó£¬Ðֵܣ©
DOM¶¨ÒåÁËNodeµÄ½Ó¿ÚÒÔ¼°Ðí¶àÖÖ½ÚµãÀàÐÍÀ´±íʾXML½ÚµãµÄ¶à¸ö·½Ãæ
b.½Úµã½éÉÜ(Node)£ºÀ´Ô´ÓÚÍøÂçÀíÂÛ£¬´ú±íÍøÂçÖеÄÒ»¸öÁ¬½Óµã¡£ÍøÂçÊÇÓɽڵ㹹³ÉµÄ¼¯ºÏ
c.½Úµã·ÖΪÈýÖÖÀàÐÍ£ºÔªËؽڵ㡢ÊôÐԽڵ㡢Îı¾½Úµã
d.Node½ÚµãÊǽӿڣ¬Api¶¨ÒåÁ˺ܶàÊôÐԺͷ½·¨¡£
e.²éÕҽڵ㣺ֻÓд´½¨Á˽ڵ㣬²Å¿ÉÒÔʹÓÃapiµÄÊôÐԺͷ½·¨
.getElementById("");
//ͨ¹ýidÊôÐÔÖµ²éÕÒ[ÔªËØ½Úµã]¶ÔÏó£¬Ã»Óзµ»Ønull
//¸Ã·½·¨Ö»ÄÜÓÃÓÚ document ¶ÔÏó
.getElementsByTagName("");
//ͨ¹ý±êÇ©Ãû·µ»Ø[ÔªËØ½Úµã]¼¯ºÏ£¬Ã»Óзµ»Ønull
//¸Ã·½·¨²»Ö»ÊÇÓÃÓÚ d ......
ӦûÓÐѧϰ¹ýC£«£«µÈÃæÏò¶ÔÏóÓïÑÔ£¬¶Ô¶ÔÏóºÍʵÀý¼ÇµÄ²»ÊǺÜÇå³þ£¬°ÑjavasriptÖд´½¨¶ÔÏóʵÀýд³öÀ´£¬ÒÔ±ã¼ÇÒ䣡
Ò»¡¢´´½¨¶ÔÏó
<mce:script type="text/javascript"><!--
var obj=new Object();//´´½¨ÁËÒ»¸ö¶ÔÏó
//Ïò¶ÔÏóÖÐÌí¼ÓÊôÐÔ
obj.name="wang";
obj.age=18;
alert(obj.name+";"+obj.age);
££££££££££££££££££££££££££££
obj.show=function()
{
alert(obj.name+";"+obj.age);
}
obj.show();//ÉÏÊöÌí¼Ó·½·¨show.
// --></mce:script>
//
ObjectÊÇjavascriptÖеÄÒ»¸öÄÚÖöÔÏó.
¶þ¡¢´´½¨¶ÔÏóÄ£°å
<mce:script language="javascript"><!--
function User(name,age)/*¹¹Ô캯Êý*/
{
//µ÷ÓöÔÏóµÄ³ÉÔ±·½·¨Ê±£¬ÐèҪʹÓÓ¶ÔÏóʵÀý.³ÉÔ±·½·¨”µÄÐÎʽ£¬ºÜÏÔÈ»£¬ÓÃ×÷³ÉÔ±·½·¨µÄº¯Êý±»µ÷ÓÃʱ£¬Ò»¶¨°éËæÓÐij¸ö¶ÔÏóʵÀý¡£this¹Ø¼ü×Ö´ú±íij¸ö³ÉÔ±·½·¨Ö´ÐÐʱ£¬ÒýÓø÷½·¨µÄµ±Ç°¶ÔÏóʵÀý£¬ËùÒÔ£¬this¹Ø¼ü×ÖÒ»°ãÖ»ÔÚÓÃ×÷¶ÔÏó³ÉÔ±·½·¨µÄº¯ÊýÖгöÏÖ¡£
this.age=age;
this.name=name;
this.show=showUser;// Ϊ¶ÔÏóÌí¼Ó·½·¨ ......