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ÒѾÓаëÄêʱ¼äÁË¡£ÔÚʵ¼ÊÓ¦ÓÃÖУ¬»ù´¡º¯ÊýÒѾËãÊǵÃÐÄÓ¦ÊÖÁË¡£µ«ÊÇ£¬¶ÔÓÚÎÒ×Ô¼ºÀ´Ëµ£¬»¹´æÔÚÒ»¸öÈíÀß——ÖªÆäÈ»¶ø²»ÖªÆäËùÒÔÈ»¡£¶øÒòÎªÇ°ÃæÏîÄ¿µÄѹÁ¦µÈ¸÷·½ÃæµÄÎÊÌ⣬ÎÒһֱûÓÐʱ¼ä¶Ô´Ë×÷²¹¾ÈµÄ´ëÊ©¡£
¡¡¡¡ÏÖÔÚÖÕÓÚ¾ö¶¨ÒªÀëÖ°ÁË£¬ÎÒÓÖÔٴγÉΪ×Ô¼ºÊ±¼äµÄÕæÕýÖ÷ÈË¡£Ò»Ö±Ïë×ö¶øÃ»·¨×öµÄʶ¼ÒªÔÚ ......
Á´Ê½µ÷ÓÃÊÇÒ»¸öÓï·¨ÕÐÊý.°üº¬Á½¸ö²¿·Ö:
1.Ò»¸ö´´½¨HTMLÔªËØµÄ¶ÔÏóµÄ¹¤³§
2.¶ÔÕâ¸öHTMLÔªËØÖ´ÐеIJÙ×÷µÄ·½·¨
[¸öÈËÀí½â:½«HTMLÔªËØ°ü×°³É¶ÔÏó,ÔÚ¶ÔÏóÉÏÌí¼Ó·½·¨(ÖØµãÔÚreturn this)]
¹¹ÔìÆ÷
(function(){
//Use a private class
function _$(els){
this.elements = [];
for(var i=0; i<els.length; ......
// ¹Ø±Õ´°¿Úʼþ
function closeWindow(){
if(event.clientX>document.body.clientWidth) {
& ......
ʼþÔ´¶ÔÏó
event.srcElement.tagName
event.srcElement.type
²¶»ñÊÍ·Å
event.srcElement.setCapture();
event.srcElement.releaseCapture();
ʼþ°´¼ü
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
ʼþ·µ»ØÖµ
event.returnValue
Êó±êλÖÃ
event.x ......
ѧϰÁËjavascript»ù´¡£¬ÏÖÔÚѧϰjavascriptÊ÷µÄÈÏʶ£º
»ñȡָ¶¨½Úµã¶ÔÏóÐÅÏ¢£º
getElementByTagName() ÒÔ¼° getElementById() ¶ÔÓÚ·µ»ØµÄ¶ÔÏó¿ÉÒÔÈ¥tagName¡¢nodeValue¡¢classNameÊôÐÔ getAttribute»ñÈ¡¶ÔÏóµÄij¸öÌØÊâÊôÐÔÐÅÏ¢ setAttributeÉèÖÃij¶ÔÏóµÄÊôÐÔÐÅÏ¢
ʹÓÃoLi.childNodes[0] »ñÈ¡×Ó½ ......