ÓÃJavaScriptÐÞ¸ÄÍøÒ³Ñùʽ
Ò»¡¢¾Ö²¿¸Ä±äÑùʽ
·ÖΪ¸Ä±äÖ±½ÓÑùʽ£¬¸Ä±äclassNameºÍ¸Ä±äcssTextÈýÖÖ¡£ÐèҪעÒâµÄÊÇ£º
×¢Òâ´óСд
£º
javascript¶Ô´óСдʮ·ÖÃô¸Ð£¬className²»Äܹ»°Ñ“N”д³É“n”£¬cssTextÒ²²»Äܹ»°Ñ“T”д³É“t”£¬·ñÔòÎÞ·¨ÊµÏÖЧ¹û¡£
µ÷Ó÷½·¨
£º
Èç¹û¸Ä±äclassName£¬ÔòÊÂÏÈÔÚÑùʽ±íÖÐÉêÃ÷À࣬µ«µ÷ÓÃʱ²»ÒªÔÙ¸ústyle£¬Ïñdocument.getElementById(’obj’).style.className=”…”µÄд·¨ÊÇ´íÎóµÄ£¡Ö»ÄÜд³É£ºdocument.getElementById(’obj’).className=”…”
¸Ä±äcssText
µ«ÊÇÈç¹ûÓÃcssTextµÄ»°£¬±ØÐë¼ÓÉÏstyle£¬ÕýÈ·µÄд·¨ÊÇ£ºdocument.getElementById(’obj’).style.cssText=”…”
¸Ä±äÖ±½ÓÑùʽÎҾͲ»±ØËµÁË£¬´ó¼Ò¼ÇµÃҪдµ½¾ßÌåÑùʽ¼´¿É£¬Èç
document.getElementById(’obj’).style.backgroundColor=”#003366″
¶þ¡¢È«¾Ö¸Ä±äÑùʽ
ͨ³£Çé¿öÏ£¬ÎÒÃÇ¿ÉÒÔͨ¹ý¸Ä±äÍâÁ´ÑùʽµÄµÄhrefµÄֵʵÏÖÍøÒ³ÑùʽµÄʵʱÇл»£¬Ò²¾ÍÊÇ“¸Ä±äÄ£°å·ç¸ñ”¡£ÕâʱºòÎÒÃÇÊ×ÏÈÐèÒª¸³ÓèÐèÒª¸Ä±äµÄÄ¿±êÒ» ......
ÓÃJavaScriptÐÞ¸ÄÍøÒ³Ñùʽ
Ò»¡¢¾Ö²¿¸Ä±äÑùʽ
·ÖΪ¸Ä±äÖ±½ÓÑùʽ£¬¸Ä±äclassNameºÍ¸Ä±äcssTextÈýÖÖ¡£ÐèҪעÒâµÄÊÇ£º
×¢Òâ´óСд
£º
javascript¶Ô´óСдʮ·ÖÃô¸Ð£¬className²»Äܹ»°Ñ“N”д³É“n”£¬cssTextÒ²²»Äܹ»°Ñ“T”д³É“t”£¬·ñÔòÎÞ·¨ÊµÏÖЧ¹û¡£
µ÷Ó÷½·¨
£º
Èç¹û¸Ä±äclassName£¬ÔòÊÂÏÈÔÚÑùʽ±íÖÐÉêÃ÷À࣬µ«µ÷ÓÃʱ²»ÒªÔÙ¸ústyle£¬Ïñdocument.getElementById(’obj’).style.className=”…”µÄд·¨ÊÇ´íÎóµÄ£¡Ö»ÄÜд³É£ºdocument.getElementById(’obj’).className=”…”
¸Ä±äcssText
µ«ÊÇÈç¹ûÓÃcssTextµÄ»°£¬±ØÐë¼ÓÉÏstyle£¬ÕýÈ·µÄд·¨ÊÇ£ºdocument.getElementById(’obj’).style.cssText=”…”
¸Ä±äÖ±½ÓÑùʽÎҾͲ»±ØËµÁË£¬´ó¼Ò¼ÇµÃҪдµ½¾ßÌåÑùʽ¼´¿É£¬Èç
document.getElementById(’obj’).style.backgroundColor=”#003366″
¶þ¡¢È«¾Ö¸Ä±äÑùʽ
ͨ³£Çé¿öÏ£¬ÎÒÃÇ¿ÉÒÔͨ¹ý¸Ä±äÍâÁ´ÑùʽµÄµÄhrefµÄֵʵÏÖÍøÒ³ÑùʽµÄʵʱÇл»£¬Ò²¾ÍÊÇ“¸Ä±äÄ£°å·ç¸ñ”¡£ÕâʱºòÎÒÃÇÊ×ÏÈÐèÒª¸³ÓèÐèÒª¸Ä±äµÄÄ¿±êÒ» ......
±¾ÎÄÀ´×Ôhttp://q.yesky.com/group/review-17634017.html£¬ÁíÍ⻹Ìí¼ÓһЩÀïÃæ¼¼ÊõµÄÁ´½Ó¡£
ÀëÏßʼþ(Online and offline events):
https://developer.mozilla.org/En/Online_and_offline_events
https://bug336359.bugzilla.mozilla.org/attachment.cgi?id=220609
http://ejohn.org/blog/offline-events/
postMessage :
http://msdn.microsoft.com/en-us/library/cc197015(VS.85).aspx
http://ejohn.org/blog/postmessage-api-changes/
http://hi.baidu.com/bdui/blog/item/eedf91509c6ab2591038c2fb.html
====================================================================
IE 7ÔÚCSS±à³Ì·½ÃæµÄ¸Ä½ø¸øºÜ¶à¿ª·¢Õß´øÀ´Á˶úĿһеĸоõ£¬µ«ÊÇÔÚJavaScript·½ÃæµÄ±íÏÖÈ´²»¸Ò¹§Î¬£¬Êµ¼ÊÉÏ£¬ÔÚÕâ·½ÃæÎÒÃÇ¿´µ½µÄÖ»ÊÇһЩеÄBUG¡£²»¹ýÐÒÔËÊÇ£¬Î¢ÈíÒѾ¿´µ½ÁËÕâÒ»µã£¬ÔÚIE 8ÖУ¬JavaScriptÒѾ³ÉΪÆä¿ª·¢µÄÒ»¸öÖØµã£¬ÏÂÃæÎÒÃǾÍÒ»Æð´Ó¿ª·¢Õ߽ǶÈÀ´¿´Ò»ÏÂIE 8µÄÒ»Ð©ÌØµã¡£
ÏÂÔØ£ºInternet Explorer 8.0(IE8) ÖÐÎİæ
IE8¿ªÊ¼Ö§³ÖһЩеÄW3C¹æ¸ñ£¬ÆäÖжàÁËquerySelectorºÍquerySelectorAllÁ½¸öº¯Êý¡£querySelectorÊÇCSS selector ......
²Î¼ÓJavaScriptÃæÊÔ£¬±ØÐë¸ã¶®µÄÎÊÌâ£¨ÍÆ¼ö£©
Ò». JavaScriptÖеĶÔÏó.
JavaScriptÖеÄObjectÊÇÒ»×éÊý¾ÝµÄkey-valueµÄ¼¯ºÏ, ÓеãÀàËÆÓÚJavaÖеÄHashMap, ËùÓÐÕâЩÊý¾Ý¶¼ÊÇObjectÀïµÄproperty.
ͨ³£Çé¿öÏÂ, JavaScriptÖн¨Á¢Ò»¸ö¶ÔÏóÓÃ"new"¼ÓÉÏconstructor functionÀ´ÊµÏÖ.
Èçnew Date(), new Object()µÈ.
var book = new Object();
book.name = "JavaScript is Cool";
book.author = "tom";
book.pages = 514;
ÉÏÃæÀý×ÓÖеÄnameºÍpage¾ÍÊÇÃûΪbookµÄ¶ÔÏóÖеÄproperty.
ÎÒÃÇ¿ÉÒÔÓÃdeleteÀ´É¾³ýObjectÖеÄproperty: "delete book.name;".
³ýÁËObject, DateµÈbuildinµÄ¶ÔÏóÍâ, ÎÒÃÇ¿ÉÒÔд×Ô¼ºµÄconstructor function, È»ºóʹÓÃnew¾Í¿ÉÒÔ½¨Á¢×Ô¼ºµÄ¶ÔÏó. ÈçÉÏÃæµÄbook¿ÉÒÔд³É:
function Book (name, author, page) {
this.name = name;
this.author = author;
this.page = page;
}
var abook = new Book("JavaScript is Cool", "tom", 514);
¶þ. functionµÄÓ÷¨
ÔÚJavaScriptÖÐ, functionÊÇÒ»ÖÖÊý¾ÝÀàÐÍ, ËùÓеÄfunction¶¼ÊÇ´ÓbuildinµÄFunction object ÑÜÉúµÄ¶ÔÏó.
ËùÒÔÔÚJavaScript ÖÐfunction¿ÉÒÔ×÷Ϊ²ÎÊý´«µÝ, ¿ÉÒÔ×÷ΪObjectµÄpro ......
<script language="JavaScript">
<!--
calendar = new Date();
day = calendar.getDay();
month = calendar.getMonth();
date = calendar.getDate();
year = calendar.getYear();
if (year< 100) year = 1900 + year;
cent = parseInt(year/100);
g = year % 19;
k = parseInt((cent - 17)/25);
i = (cent - parseInt(cent/4) - parseInt((cent - k)/3) + 19*g + 15) % 30;
i = i - parseInt(i/28)*(1 - parseInt(i/28)*parseInt(29/(i+1))*parseInt((21-g)/11));
j = (year + parseInt(year/4) + i + 2 - cent + parseInt(cent/4)) % 7;
l = i - j;
emonth = 3 + parseInt((l + 40)/44);
edate = l + 28 - 31*parseInt((emonth/4));
emonth--;
var dayname = new Array ("ÐÇÆÚÈÕ", "ÐÇÆÚÒ»", "ÐÇÆÚ¶þ", "ÐÇÆÚÈý", "ÐÇÆÚËÄ", "ÐÇÆÚÎå", "ÐÇÆÚÁù");
var monthname =
new Array ("1ÔÂ","2ÔÂ","3ÔÂ","4ÔÂ","5ÔÂ","6ÔÂ","7ÔÂ","8ÔÂ","9ÔÂ","10ÔÂ","11ÔÂ","12ÔÂ" );
document.write("<font color=0000ff>"+year +"Äê");
document.write(monthname[month]);
document.write(date + "ÈÕ ");
document.write(dayname[day]+" "+"</font& ......
·½·¨Ò»£ºÊ¹ÓÃFileUpLoad ¿Ø¼þ¶à¸öÖ±½ÓÉÏ´«¡£ÕâÑù×öµÄÎÊÌâ¾ÍÊÇÒªÇóÒ³ÃæÌá½»£¬´Ó¶øµ¼ÖÂһЩ²»Ó¦¸ÃˢеÄÄÚÈÝÔڴ˲Ù×÷¹ý³ÌÖÐÏûʧµô¡£µ«ÊÇÓÃScriptManger À´Åª È´ÓÖ²»ÄÜÉÏ´«ÁË ÔÒòºÜ¼òµ¥ FileUpLoad ¿Ø¼þÒªÇópost¡£ÓÉÓÚÕâ¸öÎÊÌâ ËùÒÔ¶àÊýÈ˶¼ºÜÉÙ²ÉÓÃÕâÖÖ·½·¨£¬²»µÃ²»ÁíѰËü·¨¡£ÏÂÃæµÄ·½·¨¶þ½â¾ö´ËÎÊÌâ¡£
·½·¨¶þ£ºÊ¹ÓÃHtml±êÇ©<input type="file"/> + form µÄsubmitÀ´ÊµÏÖ¡£ÎÒÃÇÒ»±ßʵÏÖÎļþÉÏ´«¶¼»á¶ÔÎļþÓÐЩ˵Ã÷£¬Îļþ·ÅÔÚ·þÎñÆ÷Ó²ÅÌÉÏ£¬µ«ÐÅϢȷÊÇ·ÅÔÚÊý¾Ý¿âÖУ¬ËùÒÔÕâÖÖ·½·¨ ¾Í»áµ¼ÖÂÕâÁ½²¿·ÖÐÅÏ¢µÄ´æ´¢ÎÊÌâ¡£²»¹ýÕâÖÖ·½·¨×ÜÊDZȷ½·¨Ò»¿ÉÈ¡£¬ÎÒÃÇ¿ÉÔÚ½²¶àÎļþµÄÐÅÏ¢Ò»Ò»Ìá½» Ò»Ò»±£´æ¡£¶ÔÓÚÔÚ×îºóÌá½»ÎļþÆäËûÐÅÏ¢µÄʱºò²ÅÌá½»Îļþ ÕâÑù¼õÉÙÁ˶ÔÎļþ¿ØÖÆ£¨Èç¹ûÏÈÌá½»Îļþ£¬µ«×îºóÓû§²¢Ã»ÓÐÑ¡ÔñÌá½»ÎļþµÄÆäËûµÄÐÅÏ¢£¬ÕâÊÇÓÉÐèÒªÉÏ´«ÉÏ´«µÄÎļþ£¬ÕâÑù¾Í´øÁ˺ܶàÆäËûµÄÎÊÌ⣬¶øÇÒ²Ù×÷Ò²²»·ûºÏÓû§²Ù×÷£©¡£ËùÒÔ¶¼ÏëÏȽ«ÒªÉÏ´«µÄÎļþÑ¡ÔñºÃµ½×îºóµÄʱºòÒ»ÆðµÄÌá½»£¬Èç¹û×îÖÕÓû§Ã»ÓÐÌá½»£¬ÄÇÒ²²»ÓÃÔÙ½øÐÐÎļþ´Ó·þÎñÆ÷ÉÏɾ³ýµÄÄÇÒ»²½²Ù×÷ÁË£¬ÕâÑù¼õÉÙÁ˺ܶà²Ù×÷ºÍÆäËûÎÊÌ⣬ҲÊÇÎÒÕýÏëÒªµÄЧ¹û¡£
·½·¨Èý£º¾ÍÊÇʹÓÃjs +Ajax À´ÊµÏÖ£¬²âÊÔ¹ýºÃÏñ²»ÐУ¬ÒòΪÎÒÃÇÉÏ´«ÎļþµÄÊ ......
·½·¨Ò»£ºÊ¹ÓÃFileUpLoad ¿Ø¼þ¶à¸öÖ±½ÓÉÏ´«¡£ÕâÑù×öµÄÎÊÌâ¾ÍÊÇÒªÇóÒ³ÃæÌá½»£¬´Ó¶øµ¼ÖÂһЩ²»Ó¦¸ÃˢеÄÄÚÈÝÔڴ˲Ù×÷¹ý³ÌÖÐÏûʧµô¡£µ«ÊÇÓÃScriptManger À´Åª È´ÓÖ²»ÄÜÉÏ´«ÁË ÔÒòºÜ¼òµ¥ FileUpLoad ¿Ø¼þÒªÇópost¡£ÓÉÓÚÕâ¸öÎÊÌâ ËùÒÔ¶àÊýÈ˶¼ºÜÉÙ²ÉÓÃÕâÖÖ·½·¨£¬²»µÃ²»ÁíѰËü·¨¡£ÏÂÃæµÄ·½·¨¶þ½â¾ö´ËÎÊÌâ¡£
·½·¨¶þ£ºÊ¹ÓÃHtml±êÇ©<input type="file"/> + form µÄsubmitÀ´ÊµÏÖ¡£ÎÒÃÇÒ»±ßʵÏÖÎļþÉÏ´«¶¼»á¶ÔÎļþÓÐЩ˵Ã÷£¬Îļþ·ÅÔÚ·þÎñÆ÷Ó²ÅÌÉÏ£¬µ«ÐÅϢȷÊÇ·ÅÔÚÊý¾Ý¿âÖУ¬ËùÒÔÕâÖÖ·½·¨ ¾Í»áµ¼ÖÂÕâÁ½²¿·ÖÐÅÏ¢µÄ´æ´¢ÎÊÌâ¡£²»¹ýÕâÖÖ·½·¨×ÜÊDZȷ½·¨Ò»¿ÉÈ¡£¬ÎÒÃÇ¿ÉÔÚ½²¶àÎļþµÄÐÅÏ¢Ò»Ò»Ìá½» Ò»Ò»±£´æ¡£¶ÔÓÚÔÚ×îºóÌá½»ÎļþÆäËûÐÅÏ¢µÄʱºò²ÅÌá½»Îļþ ÕâÑù¼õÉÙÁ˶ÔÎļþ¿ØÖÆ£¨Èç¹ûÏÈÌá½»Îļþ£¬µ«×îºóÓû§²¢Ã»ÓÐÑ¡ÔñÌá½»ÎļþµÄÆäËûµÄÐÅÏ¢£¬ÕâÊÇÓÉÐèÒªÉÏ´«ÉÏ´«µÄÎļþ£¬ÕâÑù¾Í´øÁ˺ܶàÆäËûµÄÎÊÌ⣬¶øÇÒ²Ù×÷Ò²²»·ûºÏÓû§²Ù×÷£©¡£ËùÒÔ¶¼ÏëÏȽ«ÒªÉÏ´«µÄÎļþÑ¡ÔñºÃµ½×îºóµÄʱºòÒ»ÆðµÄÌá½»£¬Èç¹û×îÖÕÓû§Ã»ÓÐÌá½»£¬ÄÇÒ²²»ÓÃÔÙ½øÐÐÎļþ´Ó·þÎñÆ÷ÉÏɾ³ýµÄÄÇÒ»²½²Ù×÷ÁË£¬ÕâÑù¼õÉÙÁ˺ܶà²Ù×÷ºÍÆäËûÎÊÌ⣬ҲÊÇÎÒÕýÏëÒªµÄЧ¹û¡£
·½·¨Èý£º¾ÍÊÇʹÓÃjs +Ajax À´ÊµÏÖ£¬²âÊÔ¹ýºÃÏñ²»ÐУ¬ÒòΪÎÒÃÇÉÏ´«ÎļþµÄÊ ......
JavaScript Module Pattern
£¨
JavaScript
Module
ģʽ£©
À´Ô´£º
1.
http://yuiblog.com/blog/2007/06/12/module-pattern/
2.
http://yuiblog.com/blog/2006/06/01/global-domination/
È«¾Ö±äÁ¿ÊÇÓкܴóΣº¦µÄ¡£ÔÚ
YUI
ÖУ¬ÎÒÃǽö¶¨ÒåÁËÁ½¸öÈ«¾Ö±äÁ¿£º
YAHOO
ºÍ
YAHOO_config
¡£
YUI
ÖнöʹÓÃ
YAHOO
¶ÔÏó²ã´ÎµÄ³ÉÔ±»òÕß¿Éͨ¹ý³ÉÔ±·ÃÎʵıäÁ¿¡£ÎÒÃǽ¨ÒéÔÚÄã×Ô¼ºµÄÓ¦ÓÃÖÐÒ²×ñÑͬÑùµÄ¹æÔò¡£
Douglas
Crockford
ÒѾ½Ì¸øÎÒÃÇÒ»¸öÓÐÓõĵ¥ÀýģʽÀ´ÊµÏִ˹æÔò£¬ÎÒÏëÈç¹ûÄãÊÇ»ùÓÚ
YUI
½øÐй¹½¨£¬ÄÇÄãÒ»¶¨¶Ô´ËºÜ¸ÐÐËȤ¡£
Douglas
³ÆÖ®Îª
”module pattern”
¡£ÏÂÃæÊÇËüµÄ¾ßÌ幤×÷·½Ê½£º
´´½¨Ò»¸ö
namespace
¶ÔÏó
Èç¹ûÄãÕýʹÓÃ
YUI
£¬Äã¿ÉÒÔʹÓÃ
YAHOO.namespace()
·½·¨£º
YAHOO.namespace(“myProject”);
Õâ¸öµ÷Óô´½¨ÁËÒ»¸ö¿Õ¶ÔÏó
myProject
£¬²¢Ê¹Æä³ÉΪ
YAHOO
µÄÒ»¸ö³ÉÔ±±äÁ¿£¨Èç¹û
myProject
ÔÚ
YAHOO
ÖÐÒÑ´æÔÚ£¬²¢²»»á¸²¸ÇËü£©¡£ÏÖÔÚÎÒÃÇ¿ÉÒÔ¿ªÊ¼Îª
YAHOO.myProject
Ìí¼Ó³ÉÔ±¡£
½«ÄäÃûº¯ÊýµÄ·µ»ØÖµ¸³¸øÄãµÄ
......