IEÓëFirefoxÔÚJavaScriptÉϵÄ7¸ö²»Í¬¾ä·¨
¾¡¹ÜÄÇÐèÒªÓó¤´®µÄ¡¢³ÁÃÆµÄ²»Í¬·ÖÖ§´úÂëÀ´Ó¦¸¶²»Í¬ä¯ÀÀÆ÷µÄÈÕ×ÓÒѾ¹ýÈ¥£¬Å¼¶û»¹ÊÇÓбØÒª×öһЩ¼òµ¥µÄÇø·ÖºÍÄ¿±ê¼ì²âÀ´È·±£Ä³¿é´úÂëÄÜÔÚÓû§µÄ»úÆ÷ÉÏÕý³£ÔËÐС£ÔÚÕâÆªÎÄÕÂÖУ¬×÷Õß½éÉÜÁË7¸öÔÚIEºÍfirefoxÖв»Í¬µÄJavaScript¾ä·¨¡£
1. CSS "float" Öµ
¡¡¡¡·ÃÎÊÒ»¸ö¸ø¶¨CSS ÖµµÄ×î»ù±¾¾ä·¨ÊÇ£ºobject.style.property£¬Ê¹ÓÃÍÕ·åд·¨À´Ìæ»»ÓÐÁ¬½Ó·ûµÄÖµ£¬ÀýÈ磬·ÃÎÊij¸öIDΪ"header"µÄ
¡¡¡¡µÄ background-colorÖµ£¬ÎÒÃÇʹÓÃÈçϾ䷨£º
¡¡¡¡document.getElementById("header").style.backgroundColor= "#ccc";
¡¡¡¡µ«ÓÉÓÚ"float"Õâ¸ö´ÊÊÇÒ»¸öJavaScript±£Áô×Ö£¬Òò´ËÎÒÃDz»ÄÜÓà object.style.floatÀ´·ÃÎÊ£¬ÕâÀÎÒÃÇ¿ÉÒÔÔÚÁ½ÖÖä¯ÀÀÆ÷ÖÐÕâô×ö£º
¡¡¡¡ÔÚIEÖÐÕâÑùд£º
¡¡¡¡document.getElementById("header").style.styleFloat = "left";
¡¡¡¡ÔÚfirefoxÖÐÕâÑùд£º
¡¡¡¡document.getElementById("header").style.cssFloat = "left";
2. ÔªËØµÄÍÆËãÑùʽ
¡¡¡¡JavaScript¿ÉÒÔʹÓÃobject.style.property¾ä·¨£¬·½±ãµØÔÚÍⲿ·ÃÎʺÍÐÞ¸Äij¸öCSSÑùʽ£¬µ«ÆäÏÞÖÆÊÇÕâЩ¾ä·¨Ö»ÄÜÈ¡³öÒÑÉèµÄÐÐÄÚÑùʽ»òÕßÖ±½ÓÓÉJavaScriptÉ趨µÄÑùʽ¡£²¢²»ÄÜ·ÃÎÊij¸öÍⲿµÄÑùʽ±í¡£ÎªÁË·ÃÎÊÔªËØµÄ"ÍÆËã"Ñùʽ£¬ÎÒÃÇ¿ÉÒÔʹÓÃÏÂÃæµÄ´úÂ룺
¡¡¡¡ÔÚIEÖÐÕâÑùд£º
¡¡¡¡var myObject = document.getElementById("header");
¡¡¡¡var myStyle = myObject.currentStyle.backgroundColor;
¡¡¡¡ÔÚfirefoxÖÐÕâÑùд£º
¡¡¡¡var myObject = document.getElementById("header");
¡¡¡¡var myComputedStyle = document.defaultView.getComputedStyle(myObject, null);
¡¡¡¡var myStyle = myComputedStyle.backgroundColor;
3. ·ÃÎÊÔªËØµÄ"class"
¡¡¡¡Ïñ"float"Ò»Ñù£¬"class"ÊÇJavaScriptµÄÒ»¸ö±£Áô×Ö£¬ÔÚÕâÁ½¸öä¯ÀÀÆ÷ÖÐÎÒÃÇʹÓÃÈçϾ䷨À´·ÃÎÊ"class"¡£
¡¡¡¡ÔÚIEÖÐÕâÑùд£º
¡¡¡¡var myObject = document.getElementById("header");
¡¡¡¡var myAttribute = myObject.getAttribute("className");
¡¡¡¡ÔÚfirefoxÖÐÕâÑùд£º
¡¡¡¡var myObject = document.getElementById("header");
¡¡¡¡var myAttribute = myObject.getAttribute("class");
¡¡¡¡This syntax would also apply using the setAttribute method.
4. ·ÃÎʱêÇ©ÖеÄ"for"
¡¡¡¡¾ÍµÚ3µãÖÐËùÌáµ½µÄ£¬ÎÒÃÇͬÑùÐèҪʹÓò»ÏÖµÄ¾ä·¨Çø·ÖÀ´·ÃÎʱêÇ©ÖеÄ"for"£º
¡¡¡¡ÔÚIEÖÐÕâÑùд£º
¡¡¡¡var myObject
Ïà¹ØÎĵµ£º
±Õ°ü£¨closure£©ÊÇJavascriptÓïÑÔµÄÒ»¸öÄѵ㣬ҲÊÇËüµÄÌØÉ«£¬ºÜ¶à¸ß¼¶Ó¦Óö¼ÒªÒÀ¿¿±Õ°üʵÏÖ¡£
ÏÂÃæ¾ÍÊÇÎÒµÄѧϰ±Ê¼Ç£¬¶ÔÓÚJavascript³õѧÕßÓ¦¸ÃÊǺÜÓÐÓõġ£
Ò»¡¢±äÁ¿µÄ×÷ÓÃÓò
ÒªÀí½â±Õ°ü£¬Ê×ÏȱØÐëÀí½âJavascriptÌØÊâµÄ±äÁ¿×÷ÓÃÓò¡£
±äÁ¿µÄ×÷ÓÃÓòÎ޷ǾÍÊÇÁ½ÖÖ£ºÈ«¾Ö±äÁ¿ºÍ¾Ö²¿±äÁ¿¡£
JavascriptÓïÑÔµÄÌØÊâÖ®´¦£¬¾ÍÔÚÓ ......
1.»ñµÃÖ¸¶¨idµÄ¶ÔÏó£ºdocument.getElementById ("id")£¬idÐèΨһ£¬name²»±ØÎ¨Ò»¡£
2.»ñµÃÖ¸¶¨nameµÄ¶ÔÏóÊý×飺document.getElementsByname("name")£¬·ÃÎʾßÌå¶ÔÏóÓÃϱê±íʾ£ºdocument.getElementsByname("name")[0]
3. »ñµÃ´¥·¢Ê¼þµÄ¶ÔÏó£º
function getEventElement(ev){
ev = ev||window.event;//»ñµÃ¶ÔÏó
......
˽ÓбäÁ¿ ÔÚ¶ÔÏóÄÚ²¿Ê¹ÓÃ'var'¹Ø¼ü×ÖÀ´ÉùÃ÷£¬¶øÇÒËüÖ»Äܱ»Ë½Óк¯ÊýºÍÌØÈ¨·½·¨·ÃÎÊ¡£
˽Óк¯Êý ÔÚ¶ÔÏóµÄ¹¹Ô캯ÊýÀïÉùÃ÷£¨»òÕßÊÇͨ¹ývar functionName=function(){...}À´¶¨Ò壩£¬ËüÄܱ»ÌØÈ¨º¯Êýµ÷Ó㨰üÀ¨¶ÔÏóµÄ¹¹Ô캯Êý£©ºÍ˽Óк¯Êýµ÷Óá£
ÌØÈ¨·½·¨ ͨ¹ýthis.methodName=function(){...}À´ÉùÃ÷¶øÇÒ¿ÉÄܱ»¶ÔÏóÍⲿµÄ´úÂëµ ......
Ö»ÄÜÊäÈëÊý×Ö£º"^[0-9]*$"
Ö»ÄÜÊäÈë n λµÄÊý×Ö£º"^\d{n}$"
Ö»ÄÜÊäÈëÖÁÉÙ n λµÄÊý×Ö£º"^\d{n,}$"
Ö»ÄÜÊäÈë m ¡« n λµÄÊý×Ö£º"^\d{m,n}$"
Ö»ÄÜÊäÈëÁãºÍ·ÇÁ㿪ͷµÄÊý×Ö£º"^(0|[1-9][0-9]*)$"
Ö»ÄÜÊäÈëÓÐÁ½Î»Ð¡ÊýµÄÕýʵÊý£º"^[0-9]+(.[0-9]{2})?$"
Ö»ÄÜÊ ......
¿Í»§¶Ë½Å±¾JavaScriptÔÚд·¨ÉÏÆäʵÓкܶàÖÖ·½·¨£¬ËüÃǵķÅÖÃλÖÃÒ²·Ç³£Ö®¶à¡£¡£
ÏÂÃæÁоÙÔÚÈýÖÖ²»Í¬µÄµØ·½Ð´JavaScript´úÂ룬ʵÏÖµÄЧ¹û¶¼Êǵã»÷°´Å¥buttonµ¯³öalert¾¯¸æ¿ò
µÚÒ»ÖÖÊÇ×î³£¼ûµÄ£¬´úÂëÈçÏÂ
html´úÂë
<input type="button" value="°´Å¥1" id="btn1" onclick="pop()">
js´úÂë
f ......