IE9不兼容promptMsg()
æ´çäºcss javascriptçå
¼å®¹IE6,IE7,IE8,IE9,FIREFOX,Chromeçæµè§å¨è¯¦ç»è§£å³æ¹æ³ã
CSSé¨å
divç±»
1. å± ä¸é®é¢
divéçå 容ï¼IEé»è®¤ä¸ºå± ä¸ï¼èFFé»è®¤ä¸ºå·¦å¯¹é½
å¯ä»¥å°è¯å¢å 代ç margin:auto
2. é«åº¦é®é¢
两ä¸ä¸æåæåµå¥çdivï¼ä¸é¢çdiv设置é«åº¦(height)ï¼å¦ædivéçå®é å 容大äºæ设é«åº¦ï¼å¨FFä¸ä¼åºç°ä¸¤ä¸ªdivéå çç°è±¡ï¼ä½å¨IEä¸ï¼ä¸é¢çdivä¼èªå¨ç»ä¸é¢çdiv让åºç©ºé´
æ以为é¿å åºç°å±çéå ï¼é«åº¦ä¸å®è¦æ§å¶æ°å½ï¼æè å¹²èä¸åé«åº¦ï¼è®©ä»èªå¨è°èï¼æ¯è¾å¥½çæ¹æ³æ¯ height:100%;
ä½å½è¿ä¸ªdivéé¢ä¸çº§çå ç´ é½floatäºçæ¶åï¼åéè¦å¨divåçæåï¼éååå ä¸ä¸ªæ²åºç空divï¼å¯¹åºCSSæ¯ï¼
.float_bottom {clear:both;height:0px;font-size:0px;padding:0;margin:0;border:0;line-height:0px;overflow:hidden;}
3. clear:both;
ä¸æ³åå°floatæµ®å¨çï¼å°±å¨divä¸åå ¥clear:both;
4. IEæµ®å¨ margin 产ççååè·ç¦»
#box {
float:left;
width:100px;
margin:0 0 0 100px; //è¿ç§æ åµä¹ä¸IEä¼äº§ç200pxçè·ç¦»
display:inline; //使浮å¨å¿½ç¥
}
5. padding é®é¢
FF设置 padding åï¼divä¼å¢å height å widthï¼ä½IEä¸ä¼ ï¼* æ åç XHTML1.0 å®ä¹ dtd 好åä¸è´äºï¼
é«åº¦æ§å¶æ°å½ï¼æå°è¯ä½¿ç¨ height:100%;
宽度åå°ä½¿ç¨ padding
ä½æ ¹æ®å®é ç»éªï¼ä¸è¬FFåIEç padding ä¸ä¼æ太大åºå«ï¼div çå®é 宽 = width + padding ï¼æ以divåå ¨ width å paddingï¼width ç¨å®é æ³è¦ç宽åå» padding å®ä¹
6. divåµå¥æ¶ y è½´ä¸ padding å marign çé®é¢
FFé y è½´ä¸ ådiv å° ç¶div çè·ç¦»ä¸º ç¶padding + åmarign
IEé y è½´ä¸ ådiv å° ç¶div çè·ç¦»ä¸º ç¶padding å åmarign é大çä¸ä¸ª
FFé y è½´ä¸ ç¶padding=0 ä¸ border=0 æ¶ï¼ådiv å° ç¶div çè·ç¦»ä¸º0ï¼åmarign ä½ç¨å° ç¶div å¤é¢
7. paddingï¼marignï¼heightï¼width çå»çå¼è§£å³æå·§
注ææ¯æå·§ï¼ä¸æ¯æ¹æ³ï¼
å好æ å头
é«å°½éç¨paddingï¼æ ç¨marginï¼heightå°½éè¡¥ä¸100%ï¼ç¶çº§heightæå®å¼å级heightä¸ç¨100%ï¼åçº§å ¨ä¸ºæµ®å¨æ¶åºé¨è¡¥ä¸ªç©ºclear:bothçdiv
宽尽éç¨marginï¼æ ç¨paddingï¼widthç®åå®é è¦çåå»padding
javascripté¨å
1. document.form.item é®é¢
é®é¢ï¼
代ç ä¸åå¨ document.formName.item(âitemNameâ) è¿æ ·çè¯å¥ï¼ä¸è½å¨FFä¸è¿è¡
解å³æ¹æ³ï¼
æ¹ç¨ document.formName.elements["elementName"]
2. éå类对象é®é¢
é®é¢ï¼
代ç ä¸è®¸å¤éå类对象åç¨æ¶ä½¿ç¨()ï¼IEè½æ¥åï¼FFä¸è½
解å³æ¹æ³ï¼
æ¹ç¨ [] ä½ä¸ºä¸æ è¿ç®ï¼ä¾ï¼
document.getElementsByName(âinputNameâ)(1) æ¹ä¸º document.getElementsByName(âinputNameâ)[1]
3. window.event
é®é¢ï¼
ä½¿ç¨ window.event æ æ³å¨FFä¸è¿è¡
解å³æ¹æ³ï¼
FFç event åªè½å¨äºä»¶åççç°åºä½¿ç¨ï¼æ¤é®é¢ææ æ³è§£å³ãå¯ä»¥æ event ä¼ å°å½æ°éåé解å³ï¼
onMouseMove = âfunctionName(event)â
function functionName (e) {
e = e || window.event;
â¦â¦
}
4. HTML对象ç id ä½ä¸ºå¯¹è±¡åçé®é¢
é®é¢ï¼
å¨IEä¸ï¼HTML对象ç ID å¯ä»¥ä½ä¸º document çä¸å±å¯¹è±¡åéåç´æ¥ä½¿ç¨ï¼å¨FFä¸ä¸è½
解å³æ¹æ³ï¼
使ç¨å¯¹è±¡åéæ¶å ¨é¨ç¨æ åç getElementById(âidNameâ)
5. ç¨ idName å符串åå¾å¯¹è±¡çé®é¢
é®é¢ï¼
å¨IEä¸ï¼å©ç¨ eval_r(âidNameâ) å¯ä»¥åå¾ id 为 idName çHTML对象ï¼å¨FFä¸ä¸è½
解å³æ¹æ³ï¼
ç¨ getElementById(âidNameâ) ä»£æ¿ eval_r(âidNameâ)
6. åéåä¸æHTML对象 id ç¸åçé®é¢
é®é¢ï¼
å¨FFä¸ï¼å 为对象 id ä¸ä½ä¸ºHTML对象çå称ï¼æ以å¯ä»¥ä½¿ç¨ä¸HTML对象 id ç¸åçåéåï¼IEä¸ä¸è½
解å³æ¹æ³ï¼
å¨å£°æåéæ¶ï¼ä¸å¾å ä¸ var ï¼ä»¥é¿å æ§ä¹ï¼è¿æ ·å¨IEä¸äº¦å¯æ£å¸¸è¿è¡
æ好ä¸è¦åä¸HTML对象 id ç¸åçåéåï¼ä»¥åå°é误
7. event.x ä¸ event.y é®é¢
é®é¢ï¼
å¨IEä¸ï¼event 对象æx,yå±æ§ï¼FFä¸æ²¡æ
解å³æ¹æ³ï¼
å¨FFä¸ï¼ä¸ event.x çæçæ¯ event.pageX ï¼ä½event.pageX IEä¸æ²¡æ
æ éç¨ event.clientX ä»£æ¿ event.x ï¼å¨IEä¸ä¹æè¿ä¸ªåé
event.clientX ä¸ event.pageX æå¾®å¦çå·®å«ï¼å°±æ¯æ»å¨æ¡
è¦å®å ¨ä¸æ ·ï¼å¯ä»¥è¿æ ·ï¼
mX = event.x ? event.x : event.pageX;
ç¶åç¨ mX ä»£æ¿ event.x
8. å ³äºframe
é®é¢ï¼
å¨IEä¸å¯ä»¥ç¨ window.testFrame åå¾è¯¥frameï¼FFä¸ä¸è¡
解å³æ¹æ³ï¼
window.top.document.getElementByIdx_x(âtestFrameâ).src = âxx.htmâ
window.top.frameName.location = âxx.htmâ
9. åå¾å ç´ çå±æ§
å¨FFä¸ï¼èªå·±å®ä¹çå±æ§å¿ é¡» getAttribute() åå¾
10. å¨FFä¸æ²¡æ parentElementï¼parement.children èç¨ parentNodeï¼parentNode.childNodes
é®é¢ï¼
childNodes çä¸æ çå«ä¹å¨IEåFFä¸ä¸åï¼FFç childNodes ä¸ä¼æå ¥ç©ºç½ææ¬èç¹
解å³æ¹æ³ï¼
å¯ä»¥éè¿ node.getElementsByTagName_r() æ¥åé¿è¿ä¸ªé®é¢
é®é¢ï¼
å½htmlä¸èç¹ç¼ºå¤±æ¶ï¼IEåFF对 parentNode ç解éä¸åï¼ä¾å¦ï¼
FFä¸ input.parentNode çå¼ä¸ºformï¼èIEä¸ input.parentNode çå¼ä¸ºç©ºèç¹
é®é¢ï¼
FFä¸èç¹èªå·±æ²¡æ removeNode æ¹æ³
解å³æ¹æ³ï¼
å¿ é¡»ä½¿ç¨å¦ä¸æ¹æ³ node.parentNode.removeChild(node)
11. const é®é¢
é®é¢ï¼
å¨IEä¸ä¸è½ä½¿ç¨ const å ³é®å
解å³æ¹æ³ï¼
以 var 代æ¿
12. body 对象
FFç body å¨ body æ ç¾æ²¡æ被æµè§å¨å®å ¨è¯»å ¥ä¹åå°±åå¨ï¼èIEåå¿ é¡»å¨ body å®å ¨è¢«è¯»å ¥ä¹åæåå¨
è¿ä¼äº§çå¨IEä¸ï¼æ档没æè½½å ¥å®æ¶ï¼å¨bodyä¸appendChildä¼åºç°ç©ºç½é¡µé¢çé®é¢
解å³æ¹æ³ï¼
ä¸åå¨bodyä¸æå ¥èç¹çå¨ä½ï¼å ¨é¨å¨onloadåè¿è¡
13. url encoding
é®é¢ï¼
ä¸è¬FFæ æ³è¯å«jsä¸ç&
解å³æ¹æ³ï¼
å¨jsä¸å¦æ书åurlå°±ç´æ¥å&ä¸è¦å&
14. nodeName å tagName é®é¢
é®é¢ï¼
å¨FFä¸ï¼ææèç¹åæ nodeName å¼ï¼ä½ textNode 没æ tagName å¼ï¼å¨IEä¸ï¼nodeName ç使ç¨æé®é¢
解å³æ¹æ³ï¼
ä½¿ç¨ tagNameï¼ä½åºæ£æµå ¶æ¯å¦ä¸ºç©º
15. å ç´ å±æ§
IEä¸ input.type å±æ§ä¸ºåªè¯»ï¼ä½æ¯FFä¸å¯ä»¥ä¿®æ¹
16. document.getElementsByName() å document.all[name] çé®é¢
é®é¢ï¼
å¨IEä¸ï¼getElementsByName()ãdocument.all[name] åä¸è½ç¨æ¥åå¾ div å ç´
æ¯å¦è¿æå ¶å®ä¸è½åçå ç´ è¿ä¸ç¥éï¼è¿ä¸ªé®é¢è¿æäºè®®ï¼è¿å¨ç 究ä¸ï¼
17. è°ç¨åæ¡æ¶æè å ¶å®æ¡æ¶ä¸çå ç´ çé®é¢
å¨IEä¸ï¼å¯ä»¥ç¨å¦ä¸æ¹æ³æ¥åå¾åå ç´ ä¸çå¼
document.getElementByIdx_x(âframeNameâ).(document.)elementName
window.frames["frameName"].elementName
å¨FFä¸åéè¦æ¹æå¦ä¸å½¢å¼æ¥æ§è¡ï¼ä¸IEå ¼å®¹ï¼
window.frames["frameName"].contentWindow.document.elementName
window.frames["frameName"].document.elementName
18. 对象宽é«èµå¼é®é¢
é®é¢ï¼
FireFoxä¸ç±»ä¼¼ obj.style.height = imgObj.height çè¯å¥æ æ
解å³æ¹æ³ï¼
ç»ä¸ä½¿ç¨ obj.style.height = imgObj.height + âpxâ;
19. innerTextçé®é¢
é®é¢ï¼
innerText å¨IEä¸è½æ£å¸¸å·¥ä½ï¼ä½æ¯ innerText å¨FireFoxä¸å´ä¸è¡
解å³æ¹æ³ï¼
å¨éIEæµè§å¨ä¸ä½¿ç¨textContent代æ¿innerText
20. event.srcElementåevent.toElementé®é¢
é®é¢ï¼
IEä¸ï¼even对象æsrcElementå±æ§ï¼ä½æ¯æ²¡ætargetå±æ§ï¼Firefoxä¸ï¼even对象ætargetå±æ§ï¼ä½æ¯æ²¡æsrcElementå±æ§
解å³æ¹æ³ï¼
var source = e.target || e.srcElement;
var target = e.relatedTarget || e.toElement;
21. ç¦æ¢éåç½é¡µå 容
é®é¢ï¼
FFéè¦ç¨CSSç¦æ¢ï¼IEç¨JSç¦æ¢
解å³æ¹æ³ï¼
IE: obj.onselectstart = function() {return false;}
FF: -moz-user-select:none;
22. æè·äºä»¶
é®é¢ï¼
FF没æsetCapture()ãreleaseCapture()æ¹æ³
解å³æ¹æ³ï¼
IE:
obj.setCapture();
obj.releaseCapture();
FF:
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP);
if (!window.captureEvents) {
o.setCapture();
}else {
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
if (!window.captureEvents) {
o.releaseCapture();
}else {
window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
å表类
1. ul æ ç¾å¨FFä¸é»è®¤æ¯æ padding å¼çï¼èå¨IEä¸åªæmarginæå¼
å å®ä¹ ul {margin:0;padding:0;}
2. ulåolå表缩è¿é®é¢
æ¶é¤ulãolçå表ç缩è¿æ¶ï¼æ ·å¼åºåæ: {list-style:none;margin:0px;padding:0px;}
æ¾ç¤ºç±»
1. display:block,inline 两个å ç´
display:block; //å¯ä»¥ä¸ºå åµå ç´ æ¨¡æ为åå ç´
display:inline; //å®ç°åä¸è¡æåççææ
display:table; //for FF,模ætableçææ
display:block åå ç´ ï¼å ç´ çç¹ç¹æ¯ï¼
æ»æ¯å¨æ°è¡ä¸å¼å§ï¼
é«åº¦ï¼è¡é«ä»¥å顶ååºè¾¹è·é½å¯æ§å¶ï¼
宽度缺çæ¯å®ç容å¨ç100%ï¼é¤é设å®ä¸ä¸ªå®½åº¦
CSSé¨å
divç±»
1. å± ä¸é®é¢
divéçå 容ï¼IEé»è®¤ä¸ºå± ä¸ï¼èFFé»è®¤ä¸ºå·¦å¯¹é½
å¯ä»¥å°è¯å¢å 代ç margin:auto
2. é«åº¦é®é¢
两ä¸ä¸æåæåµå¥çdivï¼ä¸é¢çdiv设置é«åº¦(height)ï¼å¦ædivéçå®é å 容大äºæ设é«åº¦ï¼å¨FFä¸ä¼åºç°ä¸¤ä¸ªdivéå çç°è±¡ï¼ä½å¨IEä¸ï¼ä¸é¢çdivä¼èªå¨ç»ä¸é¢çdiv让åºç©ºé´
æ以为é¿å åºç°å±çéå ï¼é«åº¦ä¸å®è¦æ§å¶æ°å½ï¼æè å¹²èä¸åé«åº¦ï¼è®©ä»èªå¨è°èï¼æ¯è¾å¥½çæ¹æ³æ¯ height:100%;
ä½å½è¿ä¸ªdivéé¢ä¸çº§çå ç´ é½floatäºçæ¶åï¼åéè¦å¨divåçæåï¼éååå ä¸ä¸ªæ²åºç空divï¼å¯¹åºCSSæ¯ï¼
.float_bottom {clear:both;height:0px;font-size:0px;padding:0;margin:0;border:0;line-height:0px;overflow:hidden;}
3. clear:both;
ä¸æ³åå°floatæµ®å¨çï¼å°±å¨divä¸åå ¥clear:both;
4. IEæµ®å¨ margin 产ççååè·ç¦»
#box {
float:left;
width:100px;
margin:0 0 0 100px; //è¿ç§æ åµä¹ä¸IEä¼äº§ç200pxçè·ç¦»
display:inline; //使浮å¨å¿½ç¥
}
5. padding é®é¢
FF设置 padding åï¼divä¼å¢å height å widthï¼ä½IEä¸ä¼ ï¼* æ åç XHTML1.0 å®ä¹ dtd 好åä¸è´äºï¼
é«åº¦æ§å¶æ°å½ï¼æå°è¯ä½¿ç¨ height:100%;
宽度åå°ä½¿ç¨ padding
ä½æ ¹æ®å®é ç»éªï¼ä¸è¬FFåIEç padding ä¸ä¼æ太大åºå«ï¼div çå®é 宽 = width + padding ï¼æ以divåå ¨ width å paddingï¼width ç¨å®é æ³è¦ç宽åå» padding å®ä¹
6. divåµå¥æ¶ y è½´ä¸ padding å marign çé®é¢
FFé y è½´ä¸ ådiv å° ç¶div çè·ç¦»ä¸º ç¶padding + åmarign
IEé y è½´ä¸ ådiv å° ç¶div çè·ç¦»ä¸º ç¶padding å åmarign é大çä¸ä¸ª
FFé y è½´ä¸ ç¶padding=0 ä¸ border=0 æ¶ï¼ådiv å° ç¶div çè·ç¦»ä¸º0ï¼åmarign ä½ç¨å° ç¶div å¤é¢
7. paddingï¼marignï¼heightï¼width çå»çå¼è§£å³æå·§
注ææ¯æå·§ï¼ä¸æ¯æ¹æ³ï¼
å好æ å头
é«å°½éç¨paddingï¼æ ç¨marginï¼heightå°½éè¡¥ä¸100%ï¼ç¶çº§heightæå®å¼å级heightä¸ç¨100%ï¼åçº§å ¨ä¸ºæµ®å¨æ¶åºé¨è¡¥ä¸ªç©ºclear:bothçdiv
宽尽éç¨marginï¼æ ç¨paddingï¼widthç®åå®é è¦çåå»padding
javascripté¨å
1. document.form.item é®é¢
é®é¢ï¼
代ç ä¸åå¨ document.formName.item(âitemNameâ) è¿æ ·çè¯å¥ï¼ä¸è½å¨FFä¸è¿è¡
解å³æ¹æ³ï¼
æ¹ç¨ document.formName.elements["elementName"]
2. éå类对象é®é¢
é®é¢ï¼
代ç ä¸è®¸å¤éå类对象åç¨æ¶ä½¿ç¨()ï¼IEè½æ¥åï¼FFä¸è½
解å³æ¹æ³ï¼
æ¹ç¨ [] ä½ä¸ºä¸æ è¿ç®ï¼ä¾ï¼
document.getElementsByName(âinputNameâ)(1) æ¹ä¸º document.getElementsByName(âinputNameâ)[1]
3. window.event
é®é¢ï¼
ä½¿ç¨ window.event æ æ³å¨FFä¸è¿è¡
解å³æ¹æ³ï¼
FFç event åªè½å¨äºä»¶åççç°åºä½¿ç¨ï¼æ¤é®é¢ææ æ³è§£å³ãå¯ä»¥æ event ä¼ å°å½æ°éåé解å³ï¼
onMouseMove = âfunctionName(event)â
function functionName (e) {
e = e || window.event;
â¦â¦
}
4. HTML对象ç id ä½ä¸ºå¯¹è±¡åçé®é¢
é®é¢ï¼
å¨IEä¸ï¼HTML对象ç ID å¯ä»¥ä½ä¸º document çä¸å±å¯¹è±¡åéåç´æ¥ä½¿ç¨ï¼å¨FFä¸ä¸è½
解å³æ¹æ³ï¼
使ç¨å¯¹è±¡åéæ¶å ¨é¨ç¨æ åç getElementById(âidNameâ)
5. ç¨ idName å符串åå¾å¯¹è±¡çé®é¢
é®é¢ï¼
å¨IEä¸ï¼å©ç¨ eval_r(âidNameâ) å¯ä»¥åå¾ id 为 idName çHTML对象ï¼å¨FFä¸ä¸è½
解å³æ¹æ³ï¼
ç¨ getElementById(âidNameâ) ä»£æ¿ eval_r(âidNameâ)
6. åéåä¸æHTML对象 id ç¸åçé®é¢
é®é¢ï¼
å¨FFä¸ï¼å 为对象 id ä¸ä½ä¸ºHTML对象çå称ï¼æ以å¯ä»¥ä½¿ç¨ä¸HTML对象 id ç¸åçåéåï¼IEä¸ä¸è½
解å³æ¹æ³ï¼
å¨å£°æåéæ¶ï¼ä¸å¾å ä¸ var ï¼ä»¥é¿å æ§ä¹ï¼è¿æ ·å¨IEä¸äº¦å¯æ£å¸¸è¿è¡
æ好ä¸è¦åä¸HTML对象 id ç¸åçåéåï¼ä»¥åå°é误
7. event.x ä¸ event.y é®é¢
é®é¢ï¼
å¨IEä¸ï¼event 对象æx,yå±æ§ï¼FFä¸æ²¡æ
解å³æ¹æ³ï¼
å¨FFä¸ï¼ä¸ event.x çæçæ¯ event.pageX ï¼ä½event.pageX IEä¸æ²¡æ
æ éç¨ event.clientX ä»£æ¿ event.x ï¼å¨IEä¸ä¹æè¿ä¸ªåé
event.clientX ä¸ event.pageX æå¾®å¦çå·®å«ï¼å°±æ¯æ»å¨æ¡
è¦å®å ¨ä¸æ ·ï¼å¯ä»¥è¿æ ·ï¼
mX = event.x ? event.x : event.pageX;
ç¶åç¨ mX ä»£æ¿ event.x
8. å ³äºframe
é®é¢ï¼
å¨IEä¸å¯ä»¥ç¨ window.testFrame åå¾è¯¥frameï¼FFä¸ä¸è¡
解å³æ¹æ³ï¼
window.top.document.getElementByIdx_x(âtestFrameâ).src = âxx.htmâ
window.top.frameName.location = âxx.htmâ
9. åå¾å ç´ çå±æ§
å¨FFä¸ï¼èªå·±å®ä¹çå±æ§å¿ é¡» getAttribute() åå¾
10. å¨FFä¸æ²¡æ parentElementï¼parement.children èç¨ parentNodeï¼parentNode.childNodes
é®é¢ï¼
childNodes çä¸æ çå«ä¹å¨IEåFFä¸ä¸åï¼FFç childNodes ä¸ä¼æå ¥ç©ºç½ææ¬èç¹
解å³æ¹æ³ï¼
å¯ä»¥éè¿ node.getElementsByTagName_r() æ¥åé¿è¿ä¸ªé®é¢
é®é¢ï¼
å½htmlä¸èç¹ç¼ºå¤±æ¶ï¼IEåFF对 parentNode ç解éä¸åï¼ä¾å¦ï¼
FFä¸ input.parentNode çå¼ä¸ºformï¼èIEä¸ input.parentNode çå¼ä¸ºç©ºèç¹
é®é¢ï¼
FFä¸èç¹èªå·±æ²¡æ removeNode æ¹æ³
解å³æ¹æ³ï¼
å¿ é¡»ä½¿ç¨å¦ä¸æ¹æ³ node.parentNode.removeChild(node)
11. const é®é¢
é®é¢ï¼
å¨IEä¸ä¸è½ä½¿ç¨ const å ³é®å
解å³æ¹æ³ï¼
以 var 代æ¿
12. body 对象
FFç body å¨ body æ ç¾æ²¡æ被æµè§å¨å®å ¨è¯»å ¥ä¹åå°±åå¨ï¼èIEåå¿ é¡»å¨ body å®å ¨è¢«è¯»å ¥ä¹åæåå¨
è¿ä¼äº§çå¨IEä¸ï¼æ档没æè½½å ¥å®æ¶ï¼å¨bodyä¸appendChildä¼åºç°ç©ºç½é¡µé¢çé®é¢
解å³æ¹æ³ï¼
ä¸åå¨bodyä¸æå ¥èç¹çå¨ä½ï¼å ¨é¨å¨onloadåè¿è¡
13. url encoding
é®é¢ï¼
ä¸è¬FFæ æ³è¯å«jsä¸ç&
解å³æ¹æ³ï¼
å¨jsä¸å¦æ书åurlå°±ç´æ¥å&ä¸è¦å&
14. nodeName å tagName é®é¢
é®é¢ï¼
å¨FFä¸ï¼ææèç¹åæ nodeName å¼ï¼ä½ textNode 没æ tagName å¼ï¼å¨IEä¸ï¼nodeName ç使ç¨æé®é¢
解å³æ¹æ³ï¼
ä½¿ç¨ tagNameï¼ä½åºæ£æµå ¶æ¯å¦ä¸ºç©º
15. å ç´ å±æ§
IEä¸ input.type å±æ§ä¸ºåªè¯»ï¼ä½æ¯FFä¸å¯ä»¥ä¿®æ¹
16. document.getElementsByName() å document.all[name] çé®é¢
é®é¢ï¼
å¨IEä¸ï¼getElementsByName()ãdocument.all[name] åä¸è½ç¨æ¥åå¾ div å ç´
æ¯å¦è¿æå ¶å®ä¸è½åçå ç´ è¿ä¸ç¥éï¼è¿ä¸ªé®é¢è¿æäºè®®ï¼è¿å¨ç 究ä¸ï¼
17. è°ç¨åæ¡æ¶æè å ¶å®æ¡æ¶ä¸çå ç´ çé®é¢
å¨IEä¸ï¼å¯ä»¥ç¨å¦ä¸æ¹æ³æ¥åå¾åå ç´ ä¸çå¼
document.getElementByIdx_x(âframeNameâ).(document.)elementName
window.frames["frameName"].elementName
å¨FFä¸åéè¦æ¹æå¦ä¸å½¢å¼æ¥æ§è¡ï¼ä¸IEå ¼å®¹ï¼
window.frames["frameName"].contentWindow.document.elementName
window.frames["frameName"].document.elementName
18. 对象宽é«èµå¼é®é¢
é®é¢ï¼
FireFoxä¸ç±»ä¼¼ obj.style.height = imgObj.height çè¯å¥æ æ
解å³æ¹æ³ï¼
ç»ä¸ä½¿ç¨ obj.style.height = imgObj.height + âpxâ;
19. innerTextçé®é¢
é®é¢ï¼
innerText å¨IEä¸è½æ£å¸¸å·¥ä½ï¼ä½æ¯ innerText å¨FireFoxä¸å´ä¸è¡
解å³æ¹æ³ï¼
å¨éIEæµè§å¨ä¸ä½¿ç¨textContent代æ¿innerText
20. event.srcElementåevent.toElementé®é¢
é®é¢ï¼
IEä¸ï¼even对象æsrcElementå±æ§ï¼ä½æ¯æ²¡ætargetå±æ§ï¼Firefoxä¸ï¼even对象ætargetå±æ§ï¼ä½æ¯æ²¡æsrcElementå±æ§
解å³æ¹æ³ï¼
var source = e.target || e.srcElement;
var target = e.relatedTarget || e.toElement;
21. ç¦æ¢éåç½é¡µå 容
é®é¢ï¼
FFéè¦ç¨CSSç¦æ¢ï¼IEç¨JSç¦æ¢
解å³æ¹æ³ï¼
IE: obj.onselectstart = function() {return false;}
FF: -moz-user-select:none;
22. æè·äºä»¶
é®é¢ï¼
FF没æsetCapture()ãreleaseCapture()æ¹æ³
解å³æ¹æ³ï¼
IE:
obj.setCapture();
obj.releaseCapture();
FF:
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP);
if (!window.captureEvents) {
o.setCapture();
}else {
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
if (!window.captureEvents) {
o.releaseCapture();
}else {
window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
å表类
1. ul æ ç¾å¨FFä¸é»è®¤æ¯æ padding å¼çï¼èå¨IEä¸åªæmarginæå¼
å å®ä¹ ul {margin:0;padding:0;}
2. ulåolå表缩è¿é®é¢
æ¶é¤ulãolçå表ç缩è¿æ¶ï¼æ ·å¼åºåæ: {list-style:none;margin:0px;padding:0px;}
æ¾ç¤ºç±»
1. display:block,inline 两个å ç´
display:block; //å¯ä»¥ä¸ºå åµå ç´ æ¨¡æ为åå ç´
display:inline; //å®ç°åä¸è¡æåççææ
display:table; //for FF,模ætableçææ
display:block åå ç´ ï¼å ç´ çç¹ç¹æ¯ï¼
æ»æ¯å¨æ°è¡ä¸å¼å§ï¼
é«åº¦ï¼è¡é«ä»¥å顶ååºè¾¹è·é½å¯æ§å¶ï¼
宽度缺çæ¯å®ç容å¨ç100%ï¼é¤é设å®ä¸ä¸ªå®½åº¦
温馨提示:答案为网友推荐,仅供参考