Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

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——ÃæÏò¹Ç»ÒJavaScript³ÌÐòÔ±

µ± jQuery ÔÚ2006Äê1ÔÂÏÖÉíʱ£¬¸øÎҵĵÚÒ»Ó¡Ïó£¬ÊÇÕâÍæÒâ¶ù¹¹ÔìµÃºÜ¾«Ã÷¡£»ùÓÚCSSÑ¡ÔñÆ÷£¨CSS selectors£©À´´òµãÒ»ÇУ¬Æä˼·Ï൱ÁéÇÉ£¨²Î¿¼getElementsBySelector£©¡£µ«Á´ºÐ¹¤Ê£¨chaining stuff£©¿´ÆðÀ´¸üÏñ¸öàåÍ·£¬²¢ÇÒÕûÌå¿´À´£¬jQuery¿âÌṩµÄ¹¦Äܲ¢²»Äܸ²¸ÇËùÓлù´¡ÐԵĶ«Î÷¡£Òò´ËÎҶ϶¨£¬jQueryÖ»»áê¼»¨Ò»ÏÖ¡£
¼¸¸ö ......

JavaScriptÎĵµ¶ÔÏó(DOM)

 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¿´JavaScript]

¡¡¡¡Ñ§Ï°jQueryÒѾ­ÓаëÄêʱ¼äÁË¡£ÔÚʵ¼ÊÓ¦ÓÃÖУ¬»ù´¡º¯ÊýÒѾ­ËãÊǵÃÐÄÓ¦ÊÖÁË¡£µ«ÊÇ£¬¶ÔÓÚÎÒ×Ô¼ºÀ´Ëµ£¬»¹´æÔÚÒ»¸öÈíÀß——ÖªÆäÈ»¶ø²»ÖªÆäËùÒÔÈ»¡£¶øÒòÎªÇ°ÃæÏîÄ¿µÄѹÁ¦µÈ¸÷·½ÃæµÄÎÊÌ⣬ÎÒһֱûÓÐʱ¼ä¶Ô´Ë×÷²¹¾ÈµÄ´ëÊ©¡£
¡¡¡¡ÏÖÔÚÖÕÓÚ¾ö¶¨ÒªÀëÖ°ÁË£¬ÎÒÓÖÔٴγÉΪ×Ô¼ºÊ±¼äµÄÕæÕýÖ÷ÈË¡£Ò»Ö±Ïë×ö¶øÃ»·¨×öµÄʶ¼ÒªÔÚ ......

javascript ¶¯Ì¬½âÎö½Å±¾

Ò»°ã¶øÑÔ£¬Èç¹û½Å±¾ºÜ³¤£¬ÎÒÃǰÑËüÃǷŵ½Ò»¸öJSÎļþÖУ¬È»ºóÉú³ÉÒ»¸öscriptÔªËØ²¢°ÑËü¼ÓÈëDOMÊ÷£¬°ÑsrcÉèÖÃΪJSÎļþµÄµØÖ·¼´¿É¡£µ«¶ÔÓÚºÜ×Զ̵Ľű¾£¬Èç¹ûÎÒÃÇÓÖ²»ÏëÓÃnew FunctionÓëevalÄØ£¿ÕâÀﻹÓÐÒ»°ì·¨£¬ÀûÓÃscriptÔªËØµÄÒ»¸öÉÙΪÈËÖªµÄÊôÐÔtext£¬·Ç±ê×¼ÊôÐÔ£¬µ«ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö¡£ÓеãÏñinnerHTML£¬µ«innerHTMLÖ» ......

javascriptÊ÷ÈÏʶ

ѧϰÁËjavascript»ù´¡£¬ÏÖÔÚѧϰjavascriptÊ÷µÄÈÏʶ£º
»ñȡָ¶¨½Úµã¶ÔÏóÐÅÏ¢£º
getElementByTagName()  ÒÔ¼° getElementById()  ¶ÔÓÚ·µ»ØµÄ¶ÔÏó¿ÉÒÔÈ¥tagName¡¢nodeValue¡¢classNameÊôÐÔ  getAttribute»ñÈ¡¶ÔÏóµÄij¸öÌØÊâÊôÐÔÐÅÏ¢  setAttributeÉèÖÃij¶ÔÏóµÄÊôÐÔÐÅÏ¢
ʹÓÃoLi.childNodes[0] »ñÈ¡×Ó½ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ