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Ö»»áê¼»¨Ò»ÏÖ¡£
¼¸¸ö ......
JavaScriptÎĵµ¶ÔÏó(DOM)
navigator
screen
window
history
location
frames[]; Frame
document
anchors[]; links[]; Link
applets[]
embeds[]
forms[]; Form
Button
Checkbox
elements[]; Element
Hidden
Password
Radio
Reset
Select
options[]; Option
Submit
Text
......
¡¡¡¡Ñ§Ï°jQueryÒѾÓаëÄêʱ¼äÁË¡£ÔÚʵ¼ÊÓ¦ÓÃÖУ¬»ù´¡º¯ÊýÒѾËãÊǵÃÐÄÓ¦ÊÖÁË¡£µ«ÊÇ£¬¶ÔÓÚÎÒ×Ô¼ºÀ´Ëµ£¬»¹´æÔÚÒ»¸öÈíÀß——ÖªÆäÈ»¶ø²»ÖªÆäËùÒÔÈ»¡£¶øÒòÎªÇ°ÃæÏîÄ¿µÄѹÁ¦µÈ¸÷·½ÃæµÄÎÊÌ⣬ÎÒһֱûÓÐʱ¼ä¶Ô´Ë×÷²¹¾ÈµÄ´ëÊ©¡£
¡¡¡¡ÏÖÔÚÖÕÓÚ¾ö¶¨ÒªÀëÖ°ÁË£¬ÎÒÓÖÔٴγÉΪ×Ô¼ºÊ±¼äµÄÕæÕýÖ÷ÈË¡£Ò»Ö±Ïë×ö¶øÃ»·¨×öµÄʶ¼ÒªÔÚ ......
Ò»°ã¶øÑÔ£¬Èç¹û½Å±¾ºÜ³¤£¬ÎÒÃǰÑËüÃǷŵ½Ò»¸öJSÎļþÖУ¬È»ºóÉú³ÉÒ»¸öscriptÔªËØ²¢°ÑËü¼ÓÈëDOMÊ÷£¬°ÑsrcÉèÖÃΪJSÎļþµÄµØÖ·¼´¿É¡£µ«¶ÔÓÚºÜ×Զ̵Ľű¾£¬Èç¹ûÎÒÃÇÓÖ²»ÏëÓÃnew FunctionÓëevalÄØ£¿ÕâÀﻹÓÐÒ»°ì·¨£¬ÀûÓÃscriptÔªËØµÄÒ»¸öÉÙΪÈËÖªµÄÊôÐÔtext£¬·Ç±ê×¼ÊôÐÔ£¬µ«ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö¡£ÓеãÏñinnerHTML£¬µ«innerHTMLÖ» ......
ѧϰÁËjavascript»ù´¡£¬ÏÖÔÚѧϰjavascriptÊ÷µÄÈÏʶ£º
»ñȡָ¶¨½Úµã¶ÔÏóÐÅÏ¢£º
getElementByTagName() ÒÔ¼° getElementById() ¶ÔÓÚ·µ»ØµÄ¶ÔÏó¿ÉÒÔÈ¥tagName¡¢nodeValue¡¢classNameÊôÐÔ getAttribute»ñÈ¡¶ÔÏóµÄij¸öÌØÊâÊôÐÔÐÅÏ¢ setAttributeÉèÖÃij¶ÔÏóµÄÊôÐÔÐÅÏ¢
ʹÓÃoLi.childNodes[0] »ñÈ¡×Ó½ ......