Javascript Best Practices
1. ×ÜÊÇʹÓà ‘var’
ÔÚJavaScript
ÖУ¬±äÁ¿²»ÊÇÈ«¾Ö·¶Î§µÄ¾ÍÊǺ¯Êý·¶Î§µÄ£¬Ê¹ÓÔvar”¹Ø¼ü´Ê½«ÊDZ£³Ö±äÁ¿¼ò½àÃ÷Á˵Ĺؼü¡£µ±ÉùÃ÷Ò»¸ö»òÕßÊÇÈ«¾Ö»òÕßÊǺ¯Êý¼¶£¨function-level£©µÄ±äÁ¿£¬Ðè×ÜÊÇÇ°ÖÔvar”¹Ø¼ü´Ê£¬ÏÂÃæµÄÀý×Ó½«Ç¿µ÷²»ÕâÑù×öDZÔÚµÄÎÊÌâ¡£
²»Ê¹Óà Var Ôì³ÉµÄÎÊÌâ
var i=0; // This is good - creates a global variable
function test() {
for (i=0; i<10; i++) {
alert("Hello World!");
}
}
test();
alert(i); // The global variable i is now 10!
ÒòΪ±äÁ¿º¯ÊýÖбäÁ¿ i ²¢Ã»ÓÐʹÓà var ʹÆä³ÉΪº¯Êý¼¶µÄ±äÁ¿£¬ÔÚÕâ¸öÀý×ÓÖÐËüÒýÓÃÁËÈ«¾Ö±äÁ¿¡£×ÜÊÇʹÓà var À´ÉùÃ÷È«¾Ö±äÁ¿ÊÇÒ»¸öºÜ¶àµÄ×ö·¨£¬µ«ÖÁ¹ØÖØÒªµÄÒ»µãÊÇʹÓà var ¶¨ÒåÒ»¸öº¯Êý·¶Î§µÄ±äÁ¿¡£ÏÂÃæÕâÁ½¸ö·½·¨ÔÚ¹¦ÄÜÉÏÊÇÏàͬµÄ£º
ÕýÈ·µÄº¯Êý
function test() {
var i=0;
for (i=0; i<10; i++) {
alert("Hello World!");
}
}
ÕýÈ·µÄº¯Êý
function test() {
for (var
i=0; i<10; i++) {
alert("Hello World!");
}
}
2. ÌØÐÔ¼ì²â¶ø·Çä¯ÀÀÆ÷¼ì²â
һЩ´úÂëÊÇдÀ´·¢ÏÖä¯ÀÀÆ÷°æ±¾²¢»ùÓÚÓû§ÕýʹÓõĿͻ§¶ËµÄ¶ÔÆäÖ´Ðв»Í¬ÐÐΪ¡£Õâ¸ö£¬×ܵÄÀ´Ëµ£¬ÊÇÒ»¸ö·Ç³£ÔãµÄʵ¼ù¡£¸üºÃµÄ·½·¨ÊÇʹÓÃÌØÐÔ¼ì²â£¬ÔÚʹ
ÓÃÒ»¸öÀÏä¯ÀÀÆ÷¿ÉÄܲ»Ö§³ÖµÄ¸ß¼¶µÄÌØÐÔ֮ǰ£¬Ê×Ïȼì²â£¨ä¯ÀÀÆ÷µÄ£©ÊÇ·ñÓÐÕâ¸ö¹¦ÄÜ»òÌØÐÔ£¬È»ºóʹÓÃËü¡£Õâµ¥¶À¼ì²âä¯ÀÀÆ÷°æ±¾À´µÃ¸üºÃ£¬¼´Ê¹ÄãÖªµÀËüµÄÐÔ
ÄÜ¡£Äã¿ÉÒÔÔÚ http://www.jibbering.com/faq/faq_notes/not_browser_detect.html
ÕÒµ½Ò»¸öÉîÈëÌÖÂÛÕâ¸öÎÊÌâµÄÎÄÕ¡£
Àý×Ó£º
if (document.getElementById) {
var element = document.getElementById('MyId');
}
else {
alert('Your browser lacks the capabilities required to run this script!');
}
3. ʹÓ÷½À¨ºÅ¼Ç·¨
µ±·ÃÎÊÓÉÖ´ÐÐʱ¾ö¶¨»òÕß°üÀ¨Òª²»ÄÜÓÔ.”ºÅ·ÃÎʵĶÔÏóÊôÐÔ£¬Ê¹Ó÷½À¨ºÅ¼Ç·¨¡£Èç¹ûÄã²»ÊÇÒ»¸ö¾Ñé·á¸»µÄJavascript
³ÌÐòÔ±£¬×ÜÊÇʹÓ÷½À¨ºÅÊÇÒ»¸ö²»´íµÄ×ö·¨
¶ÔÏóµÄÊôÐÔÓÉÁ½Ö̶ֹ¨µÄ·½·¨À´·ÃÎÊ£º”.”¼Ç·¨ºÍ”[ ]“·½À¨ºÅ¼Ç·¨£º
“.”ºÅ¼Ç·¨
MyObject.property
“[ ]“·½À¨ºÅ¼Ç·¨
MyObject["property"]
ʹÓÔ.”ºÅ£¬ÊôÐÔÃûÊÇÓ²´úÂ룬²»ÄÜÔÚÖ´ÐÐʱ¸Ä±ä¡£Ê¹ÓÔ[
Ïà¹ØÎĵµ£º
Javascript½âÒÉ
1. HTML¿ò¼ÜframesetµÄÓ¦ÓÃ
¿ò¼Ü±à³Ì¸ÅÊöÒ»¸öHTMLÒ³Ãæ¿ÉÒÔÓÐÒ»¸ö»ò¶à¸ö×Ó¿ò¼Ü£¬ÕâЩ×Ó¿ò¼ÜÒÔ<iframe>À´±ê¼Ç£¬ÓÃÀ´ÏÔʾһ¸ö¶ÀÁ¢µÄHTMLÒ³Ãæ¡£ÕâÀïËù½²µÄ¿ò¼Ü±à³Ì°üÀ¨¿ò¼ÜµÄ×ÔÎÒ¿ØÖÆÒÔ¼°¿ò¼ÜÖ®¼äµÄ»¥Ïà·ÃÎÊ£¬ÀýÈç´ÓÒ»¸ö¿ò¼ÜÖÐÒýÓÃÁíÒ»¸ö¿ò¼ÜÖеÄJavaScript± ......
¡¡¡¡Ç°ÎÄÔÙÐøÊé½ÓÉÏÒ»»Ø£¬»°Ëµµ±ÈÕ°øÍí£¬Áîºü³å°Ý±ðʦ¸µ——¶î£¬¿´´íÊéÁË……£¨ÇáËÉÒ»ÏÂ~¹þ~£©
¡¡¡¡ÔÚÕâÒ»½ÚµÄÇ°°ëƪ£¬ÎÒÃÇÖØÎÂÁËJSÀïµÄÊý¾ÝÀàÐÍ¡£ÔÚÖÚ¶àµÄÊý¾ÝÀàÐÍÖ®ÖУ¬ÓÐÒ»ÖÖ½Ð×öobject£¬Ò²¾ÍÊÇÎÒÃdz£ËµµÄ¶ÔÏó¡£ÈçÇ°ËùÊö£¬¶ÔÏó¾ÍÊÇÒ»×éÊôÐԺͷ½·¨µÄ¼¯ºÏ¡£ÊôÐÔ¾ÍÊǶÔÏóËù¹ØÁªµÄ±äÁ¿£¬¶ø·½·¨ÔòÊÇ¶Ô ......
»ÆÉ«²¿·ÖΪdate.js
<script type="text/javascript" src="/js/date.js"></script>
<input name="date" type="text" id="date" onBlur="checkDay(this)" style="width:160px;" /><INPUT class="button" style="WIDTH: 64px; HEIGHT: 24px" onClick="setday(this,date)"type="button" value="Ñ¡ÔñÈÕÆÚ ......
´úÂëÈëÏÂ:
<script language="JavaScript">
function getMyName(){
var myName="<%=session.getAttribute("MYNAME")%>";
alert(myName);
}
</script>
JavaScript´æsessionµÄÖµ:
´ÓÀíÂÛÉÏÀ´ËµJavaScriptÔÚÒ³Ãæ,¶ø´æsessionÔÚ·þÎñÆ÷¶Ë..ºÜÄÑÍê³É,µ«ÊÇÄã¿É ......
Javascript
ÊÇÒ»¸öºÜÇ¿´óºÜÁé»îµÄÓïÑÔ£¬Äã¼È¿ÉÒÔ°ÑËüµ±×÷ÃæÏò¹ý³ÌµÄÓïÑÔ£¬Ò²¿ÉÒÔ°ÑËüµ±×÷ÃæÏò¶ÔÏóµÄÓïÑÔÀ´Óá£ÕâƪÖ÷Ҫ̽ÌÖÒ»ÏÂÈçºÎÓÃjavascriptÀ´ÊµÏÖÒ»¸ö
SingletonÀà¡£ÏàÐÅÓÐЩ±à³Ì¾ÑéµÄÅóÓÑÃǶÔSingletonģʽ¶¼ºÜÊìϤ¡£Singleton
ģʽÖ÷ÒªÓÃÀ´ÏÞÖÆÒ»¸öÀàµÄ¶à´ÎʵÀý»¯¡£Ò»°ãÀ´ËµÏµÍ³´´½¨µÄʵÀýÔ½ÉÙ£¬Õ¼ÓÃ×ÊÔ´Ô ......