FirefoxºÍIEÖ®¼ä7¸öJavaScript²îÒì
¾¡¹Ü JavaScript ÀúÊ·ÉÏʹÓÃÈß³¤¶øÁîÈËÉúÑáµÄ´úÂë¿éÀ´±êµÄÌØ¶¨ä¯ÀÀÆ÷µÄʱÆÚÒѾ½áÊøÁË£¬µ«ÊÇż¶ûʹÓÃһЩ¼òµ¥µÄ´úÂë¿éºÍ¶ÔÏó¼ì²âÀ´È·±£Ò»Ð©´úÂëÔÚÓû§»úÆ÷ÉÏÕý³£¹¤×÷ÒÀÈ»ÊDZØÒªµÄ¡£
ÕâÆªÎÄÕÂÖУ¬ÎÒ»áÂÔÊöһϠInternet Explorer ºÍ Firefox ÔÚ JavaScript Óï·¨Éϲ»Í¬µÄ 7 ¸ö·½Ãæ¡£
1. CSS “float” ÊôÐÔ
»ñÈ¡¸ø¶¨¶ÔÏóµÄÌØ¶¨ CSS ÊôÐԵĻù±¾Óï·¨ÊÇ object.style ÊôÐÔ£¬¶øÇÒÓÐÁ¬×Ö·ûµÄÊôÐÔÒªÓÃÂæÍÕÃüÃû·¨À´´úÌæ¡£ÀýÈ磬»ñȡһ¸ö ID Ϊ “header” µÄ div µÄ background-color ÊôÐÔ£¬ÎÒÃÇÒªÓÃÈçÏÂÓï·¨£º
document.getElementById("header").style.borderBottom= "1px solid #ccc";
µ«ÊÇÓÉÓÚ “float” ÊÇ JavaScript µÄ±£Áô´Ê£¬ÎÒÃǾÍÎÞ·¨Ê¹Óà object.style.float À´»ñÈ¡ “float” ÊôÐÔÁË¡£Ò»ÏÂÊÇÎÒÃÇÔÚÁ½ÖÖä¯ÀÀÆ÷ÖеÄʹÓõķ½·¨£º
IE Óï·¨£º
document.getElementById("header").style.styleFloat = "left";
Firefox Óï·¨£º
document.getElementById("header").style.cssFloat = "left";
2. ÔªËØµÄ¼ÆËãÑùʽ
ͨ¹ýʹÓÃÉÏÊöµÄ object.style.property£¬ JavaScript ¿ÉÒÔºÜÈÝÒ׵ĻñÈ¡ºÍÐ޸ĶÔÏóµÄÉ趨 CSS Ñùʽ¡£µ«ÊÇÕâÒ»Óï·¨µÄ¾ÖÏÞÔÚÓÚ£¬ËüÖ»ÄÜÈ¡µÃÄÚÁªÔÚ HTML ÀïµÄÑùʽ£¬»òÕßÖ±½ÓʹÓà JavaScript É趨µÄÑùʽ¡£style ¶ÔÏó²»ÄÜ»ñȡʹÓÃÍⲿÑùʽ±íÉ趨µÄÑùʽ¡£ÎªÁË»ñÈ¡¶ÔÏóµÄ”¼ÆËãÑùʽ”£¬ÎÒÃÇʹÓÃÒÔÏ´úÂ룺
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”ÊôÐÔµÄÇé¿ö£¬ÕâÁ½ÖÖä¯ÀÀÆ÷ʹÓò»Í¬µÄ JavaScript ·½·¨À´»ñÈ¡Õâ¸öÊôÐÔ¡£
IE Óï·¨£º
var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("className");
Firefox Óï·¨£º
var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("class");
4. »ñÈ¡ label ±êÇ©µÄ “for” ÊôÐÔ
ºÍ 3 Ò»Ñù£¬Ê¹Óà JavaScript»ñÈ¡ label µÄ “for” ÊôÐÔÒ²Óв»Í¬Óï·¨¡£
IE Óï·¨£º
var myObjec
Ïà¹ØÎĵµ£º
µ± jQuery ÔÚ2006Äê1ÔÂÏÖÉíʱ£¬¸øÎҵĵÚÒ»Ó¡Ïó£¬ÊÇÕâÍæÒâ¶ù¹¹ÔìµÃºÜ¾«Ã÷¡£»ùÓÚCSSÑ¡ÔñÆ÷£¨CSS selectors£©À´´òµãÒ»ÇУ¬Æä˼·Ï൱ÁéÇÉ£¨²Î¿¼getElementsBySelector£©¡£µ«Á´ºÐ¹¤Ê£¨chaining stuff£©¿´ÆðÀ´¸üÏñ¸öàåÍ·£¬²¢ÇÒÕûÌå¿´À´£¬jQuery¿âÌṩµÄ¹¦Äܲ¢²»Äܸ²¸ÇËùÓлù´¡ÐԵĶ«Î÷¡£Òò´ËÎҶ϶¨£¬jQueryÖ»»áê¼»¨Ò»ÏÖ¡£
¼¸¸ö ......
½ñÌìµÄ»°ÌâÊÇÈçºÎ¸Ä½ø×Ô¼ºÍøÕ¾µÄ½çÃæ»òÌá¸ßÍøÕ¾µÄÊÓ¾õÌåÑ飬´Ó¶øÈÃÓû§¼ÇÒäÓÌС£
¡¡¡¡ÎÒÃÇÓÐÈýÖÖÖ÷ÒªµÄ·½·¨(´ÓÄѵ½Ò×):×Ô¼º¶¯ÊÖд½Å±¾;ʹÓÃÀàËÆÓÚjQueryºÍmooToolsµÄJavaScript¿ò¼Ü(¿ÉÒÔÈñàд´úÂë±äµÃ¸üÈÝÒ×Щ);ʹÓÃÄܹ¤×÷ÓÚÏÖÓеÄJavaScript¿ò¼ÜϵÄÌáǰԤÖúõĽű¾»òÄÇÖÖ´ÓÍ·¿ªÊ¼¿ª·¢µÄ´´½¨Õß¡£ÕâÆªÎÄÕÂÊʺÏÄÇ ......
Á´Ê½µ÷ÓÃÊÇÒ»¸öÓï·¨ÕÐÊý.°üº¬Á½¸ö²¿·Ö:
1.Ò»¸ö´´½¨HTMLÔªËØµÄ¶ÔÏóµÄ¹¤³§
2.¶ÔÕâ¸öHTMLÔªËØÖ´ÐеIJÙ×÷µÄ·½·¨
[¸öÈËÀí½â:½«HTMLÔªËØ°ü×°³É¶ÔÏó,ÔÚ¶ÔÏóÉÏÌí¼Ó·½·¨(ÖØµãÔÚreturn this)]
¹¹ÔìÆ÷
(function(){
//Use a private class
function _$(els){
this.elements = [];
for(var i=0; i<els.length; ......
ѧϰÁËjavascript»ù´¡£¬ÏÖÔÚѧϰjavascriptÊ÷µÄÈÏʶ£º
»ñȡָ¶¨½Úµã¶ÔÏóÐÅÏ¢£º
getElementByTagName() ÒÔ¼° getElementById() ¶ÔÓÚ·µ»ØµÄ¶ÔÏó¿ÉÒÔÈ¥tagName¡¢nodeValue¡¢classNameÊôÐÔ getAttribute»ñÈ¡¶ÔÏóµÄij¸öÌØÊâÊôÐÔÐÅÏ¢ setAttributeÉèÖÃij¶ÔÏóµÄÊôÐÔÐÅÏ¢
ʹÓÃoLi.childNodes[0] »ñÈ¡×Ó½ ......
JavaScript È«¾Ö±äÁ¿ÊÇÆäʵÊÇÖ¸:ÉÏÏÂÎÄ»·¾³ WindowϵĶÔÏóÊôÐÔ
JavaScript×÷ÓÃÓòÊÇ»ùÓÚÉÏÏÂÎÄ,ÊÇÒÔº¯Êý½øÐл®·ÖµÄ£¬¶ø²»ÊÇÓɿ飨block£©»®·ÖµÄ
JavaScriptÔÊÐí±äÁ¿µÄÖØ¸´¶¨Òå,²¢ÇÒºóÒ»¸ö¶¨Ò彫¸²¸Çǰһ¸ö¶¨Òå,Èç¹ûºóÒ»¸ö±äÁ¿ÊǾֲ¿±äÁ¿Ò²»á¸²¸Çǰһ¸öÈ«¾Ö±äÁ¿
ÒÔÏÂÊÇÒ»¸öÀý×Ó:
<scri ......