Îö,È»¶øIEÔò»áºöÂÔ.ÈçÏ .tabd1{
background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/
background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */}ÖµµÃ×¢ÒâµÄÊÇ£¬Ò»¶¨Òª½«xxxx !important Õâ¾ä·ÅÖÃÔÚÁíÒ»¾äÖ®ÉÏ£¬ÉÏÃæÒѾÌá¹ý
IE7.0³öÀ´ÁË£¬¶ÔCSSµÄÖ§³ÖÓÖÓÐÐÂÎÊÌâ¡£ä¯ÀÀÆ÷¶àÁË£¬ÍøÒ³¼æÈÝÐÔ¸ü²îÁË£¬Æ£ÓÚ±¼ÃüµÄ»¹ÊÇÎÒÃÇ £¬Îª½â¾öIE7.0µÄ¼æÈÝÎÊÌ⣬ÕÒÀ´ÁËÏÂÃæÕâƪÎÄÕ£º
ÏÖÔÚÎҴ󲿷ֶ¼ÊÇÓÃ!importantÀ´hack£¬¶ÔÓÚie6ºÍ»ðºüä¯ÀÀÆ÷²âÊÔ¿ÉÒÔÕý³£ÏÔʾ£¬µ«ÊÇie7¶Ô!important¿ÉÒÔÕýÈ·½âÊÍ£¬»áµ¼ÖÂÒ³Ãæû°´ÒªÇóÏÔʾ!ËÑË÷ÁËһϣ¬ÕÒµ½Ò»¸öÕë¶ÔIE7²»´íµÄhack·½Ê½¾ÍÊÇʹÓá°*+html¡±£¬ÏÖÔÚÓÃIE7ä¯ÀÀһϣ¬Ó¦¸ÃûÓÐÎÊÌâÁË¡£
ÏÖÔÚдһ¸öCSS¿ÉÒÔÕâÑù£º
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
ÄÇôÔÚ»ðºüä¯ÀÀÆ÷ÏÂ×ÖÌåÑÕÉ«ÏÔʾΪ#333£¬IE6ÏÂ×ÖÌåÑÕÉ«ÏÔʾΪ#666£¬IE7ÏÂ×ÖÌåÑÕÉ«ÏÔʾΪ#999
IEä¯ÀÀÆ÷ºÍFirefox(»ðºü)ä¯ÀÀÆ÷¼æÈÝÐÔ¡ª¡ªJavascriptƪ
1. document.form.item ÎÊÌâ (1)ÏÖÓÐÎÊÌ⣺
ÏÖÓдúÂëÖдæÔÚÐí¶à document.formName.item(\ÕâÑùµÄÓï¾ä£¬²»ÄÜÔÚFirefox(»ðºü)ÏÂÔËÐÐ (2)½â¾ö·½·¨£º
¸ÄÓà document.formName.elements[\(3)ÆäËü ²Î¼û 2
2. ¼¯ºÏÀà¶ÔÏóÎÊÌâ
(1)ÏÖÓÐÎÊÌ⣺
ÏÖÓдúÂëÖÐÐí¶à¼¯ºÏÀà¶ÔÏóÈ¡ÓÃʱʹÓà ()£¬IE ÄܽÓÊÜ£¬Firefox(»ðºü)²»ÄÜ¡£ (2)½â¾ö·½·¨£º
¸ÄÓà [] ×÷ΪϱêÔËËã¡£È磺document.forms(\¸ÄΪ document.forms[\¡£ ÓÖÈ磺document.getElementsByName(\¸ÄΪ document.getElementsByName(\(3)ÆäËü
3. window.event (1)ÏÖÓÐÎÊÌ⣺
ʹÓà window.event ÎÞ·¨ÔÚ»ðºüä¯ÀÀÆ÷ÉÏÔËÐÐ (2)½â¾ö·½·¨£º
»ðºü µÄ event Ö»ÄÜÔÚʼþ·¢ÉúµÄÏÖ³¡Ê¹Ó㬴ËÎÊÌâÔÝÎÞ·¨½â¾ö¡£¿ÉÒÔÕâÑù±äͨ£º
Ô ´úÂë(¿ÉÔÚIEÖÐÔËÐÐ)£º
...
Р´úÂë(¿ÉÔÚIEºÍ»ðºüÖÐÔËÐÐ)£º ...
´ËÍ⣬Èç¹ûдúÂëÖеÚÒ»Ðв»¸Ä£¬ÓëÀÏ´úÂëÒ»ÑùµÄ»°(¼´ gotoSubmit µ÷ÓÃûÓиø²ÎÊý)£¬ÔòÈÔȻֻÄÜÔÚIEÖÐÔËÐУ¬µ«²»»á³ö´í¡£ËùÒÔ£¬ÕâÖÖ·½°¸ tpl ²¿·ÖÈÔÓëÀÏ´úÂë¼æÈÝ¡£
4. HTML ¶ÔÏóµÄ id ×÷Ϊ¶ÔÏóÃûµÄÎÊÌâ (1)ÏÖÓÐÎÊÌâ ÔÚ IE ÖУ¬HTML ¶ÔÏóµÄ ID ¿ÉÒÔ×÷Ϊ document µÄÏÂÊô¶ÔÏó±äÁ¿ÃûÖ±½ÓʹÓá£ÔÚ»ðºüÖв»ÄÜ¡£ (2)½â¾ö·½·¨
Óà getElementById(\´úÌæ idName ×÷Ϊ¶ÔÏó±äÁ¿Ê¹Óá£
5. ÓÃidName×Ö·û´®È¡µÃ¶ÔÏóµÄÎÊÌâ (1)ÏÖÓÐÎÊÌâ
ÔÚIEÖУ¬ÀûÓà eval(idName) ¿ÉÒÔÈ¡µÃ id Ϊ idName µÄ HTML ¶ÔÏó£¬ÔÚ»ðºüÖв»ÄÜ¡£ (2)½â¾ö·½·¨
ÓÃ getElementById(idName) ´úÌæ eval(idName)¡£
6. ±äÁ¿ÃûÓëij HTML ¶ÔÏó id ÏàͬµÄÎÊÌâ (1)ÏÖÓÐÎÊÌâ
ÔÚ »ðºü ÖУ¬ÒòΪ¶ÔÏó id ²»×÷Ϊ HTML ¶ÔÏóµÄÃû³Æ£¬ËùÒÔ¿ÉÒÔʹÓÃÓë HTML ¶ÔÏó id ÏàͬµÄ±äÁ¿Ãû£¬IEÖÐÄÜ¡£ (2)½â¾ö·½·¨
ÔÚÉùÃ÷±äÁ¿Ê±£¬Ò»ÂɼÓÉÏ var £¬ÒÔ±ÜÃâÆçÒ壬ÕâÑùÔÚ IE ÖÐÒà¿ÉÕý³£ÔËÐС£ ´ËÍ⣬×îºÃ²»ÒªÈ¡Óë HTML ¶ÔÏó id ÏàͬµÄ±äÁ¿Ãû£¬ÒÔ¼õÉÙ´íÎó¡£ (3)ÆäËü ²Î¼û ÎÊÌâ4
7. event.x Óë event.y ÎÊÌâ (1)ÏÖÓÐÎÊÌâ
ÔÚIE ÖУ¬event ¶ÔÏóÓÐ x, y ÊôÐÔ£¬»ðºüÖÐûÓС£ (2)½â¾ö·½·¨
ÔÚ»ðºüÖУ¬Óë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 (3)ÆäËü
event.layerX ÔÚIEÓë»ðºüÖж¼ÓУ¬¾ßÌåÒâÒåÓÐÎÞ²î±ðÉÐδÊÔÑé¡£
8. ¹ØÓÚframe (1)ÏÖÓÐÎÊÌâ
ÔÚ IEÖÐ ¿ÉÒÔÓÃwindow.testFrameÈ¡µÃ¸Ãframe£¬»ðºüÖв»ÐÐ (2)½â¾ö·½·¨
ÔÚframeµÄʹÓ÷½Ãæ»ðºüºÍieµÄ×îÖ÷ÒªµÄÇø±ðÊÇ£º Èç¹ûÔÚframe±êÇ©ÖÐÊéдÁËÒÔÏÂÊôÐÔ£º
ÄÇôie¿ÉÒÔͨ¹ýid»òÕßname·ÃÎÊÕâ¸öframe¶ÔÓ¦µÄwindow¶ÔÏó ¶ø»ðºüÖ»¿ÉÒÔͨ¹ýnameÀ´·ÃÎÊÕâ¸öframe¶ÔÓ¦µÄwindow¶ÔÏó
ÀýÈçÈç¹ûÉÏÊöframe±êǩдÔÚ×îÉϲãµÄwindowÀïÃæµÄhtmÀïÃ棬ÄÇô¿ÉÒÔÕâÑù·ÃÎÊ ie£º window.top.frameId»òÕßwindow.top.frameNameÀ´·ÃÎÊÕâ¸öwindow¶ÔÏó »ðºü£º Ö»ÄÜÕâÑùwindow.top.frameNameÀ´·ÃÎÊÕâ¸öwindow¶ÔÏó
ÁíÍ⣬ÔÚ»ðºüºÍieÖж¼¿ÉÒÔʹÓÃwindow.top.document.getElementById(\À´·ÃÎÊframe±êÇ©
²¢ÇÒ¿ÉÒÔͨ¹ýwindow.top.document.getElementById(\= 'xx.htm'À´Çл»frameµÄÄÚÈÝ
Ò²¶¼¿ÉÒÔͨ¹ýwindow.top.frameName.location = 'xx.htm'À´Çл»frameµÄÄÚÈÝ ¹ØÓÚframeºÍwindowµÄÃèÊö¿ÉÒԲμûbbsµÄ¡®windowÓëframe¡¯ÎÄÕ ÒÔ¼°/test/js/test_frame/Ŀ¼ÏÂÃæµÄ²âÊÔ ----adun 2004.12.09ÐÞ¸Ä
9. ÔÚ»ðºüÖУ¬×Ô¼º¶¨ÒåµÄÊôÐÔ±ØÐëgetAttribute()È¡µÃ
10.ÔÚ»ðºüÖÐûÓÐ parentElement parement.children ¶øÓà parentNode parentNode.childNodes
childNodesµÄϱêµÄº¬ÒåÔÚIEºÍ»ðºüÖв»Í¬£¬»ðºüʹÓÃDOM¹æ·¶£¬childNodesÖлá²åÈë¿Õ°×Îı¾½Úµã¡£
Ò»°ã¿ÉÒÔͨ¹ýnode.getElementsByTagName()À´»Ø±ÜÕâ¸öÎÊÌâ¡£ µ±htmlÖнڵãȱʧʱ£¬IEºÍ»ðºü¶ÔparentNodeµÄ½âÊͲ»Í¬£¬ÀýÈç
»ðºüÖÐinput.parentNodeµÄֵΪform, ¶øIEÖÐinput.parentNodeµÄֵΪ¿Õ½Úµã
»ðºüÖнڵãûÓÐremoveNode·½·¨£¬±ØÐëʹÓÃÈçÏ·½·¨ node.parentNode.removeChild(node)
11.const ÎÊÌâ (1)ÏÖÓÐÎÊÌâ:
ÔÚ IE Öв»ÄÜʹÓà const ¹Ø¼ü×Ö¡£Èç const constVar = 32; ÔÚIEÖÐÕâÊÇÓï·¨´íÎó¡£ (2)½â¾ö·½·¨:
²»Ê¹Óà const £¬ÒÔ var ´úÌæ¡£
12. body ¶ÔÏó
»ðºüµÄbodyÔÚbody±êǩûÓб»ä¯ÀÀÆ÷ÍêÈ«¶ÁÈë֮ǰ¾Í´æÔÚ£¬¶øIEÔò±ØÐëÔÚbodyÍêÈ«±»¶ÁÈëÖ®ºó²Å´æÔÚ
13. url encoding
ÔÚjsÖÐÈç¹ûÊéдurl¾ÍÖ±½Óд&²»ÒªÐ´&ÀýÈçvar url = 'xx.jsp?objectName=xx&objectEvent=xxx';
frm.action = urlÄÇôºÜÓпÉÄÜurl²»»á±»Õý³£ÏÔʾÒÔÖÁÓÚ²ÎÊýûÓÐÕýÈ·µÄ´«µ½·þÎñÆ÷ Ò»°ã»á·þÎñÆ÷±¨´í²ÎÊýûÓÐÕÒµ½
µ±È»Èç¹ûÊÇÔÚtplÖÐÀýÍ⣬ÒòΪtplÖзûºÏxml¹æ·¶£¬ÒªÇó&ÊéдΪ& Ò»°ã»ðºüÎÞ·¨Ê¶±ðjsÖеÄ&
14. nodeName ºÍ tagName ÎÊÌâ (1)ÏÖÓÐÎÊÌ⣺ ÔÚ»ðºüÖУ¬ËùÓнڵã¾ùÓÐ nodeName Öµ£¬µ« textNode ûÓÐ tagName Öµ¡£ÔÚ IE ÖУ¬nodeName µÄʹÓúÃÏó
ÓÐÎÊÌ⣨¾ßÌåÇé¿öûÓвâÊÔ£¬µ«ÎÒµÄIEÒѾËÀÁ˺ü¸´Î£©¡£ (2)½â¾ö·½·¨£º
ʹÓà tagName£¬µ«Ó¦¼ì²âÆäÊÇ·ñΪ¿Õ¡£
15. ÔªËØÊôÐÔ
IEÏ input.typeÊôÐÔΪֻ¶Á£¬µ«ÊÇ»ðºüÏ¿ÉÒÔÐÞ¸Ä