面试题全集由php高级技术群收集-js兼容性问题汇总

JSIEFFForm对象现有代码这获得form对象通过 .forms("formName")，这样使用在IE能接受，MF改用作为下标运算。改 formNameidHTML在IE中，HTML对象的ID能够作为 的下属对象变量名直接使用。在MF中 使用对象ID .all是IE更有式，在IE和MF都能够使varf=.forms["formName"];varo=f.itemId;DIVIE中，DIVIDMFDivId.style.display= 获得对象的方法不管是不是DIV对象，都使用geementById方法。参见IE中能够用window.testFrameframe，mf中不行frameMFIE的最主要的区别是：假如在frame中书写了以下属性：那么IE能够通过id或name这个frame对应的window对象而mf只能够通过name来这个frame对应的window对象例如假如上述frame写在最上层的window里面的htm里面，那么能够这样IE：window.top.frameId或window.top.frameName来这个window对象MF：只能这样window.top.frameName来这个window对象另外在mf和ie中都能够使用 ementById("frameId")来并且能够通过window.top. .geementById("testFrame").src='xx.htm'来转换frame的=IEshowModalDialogshowModelessDialog直接使用window.open(pageURL,name,parameters)方式打开新窗口。假如需要传递参数，能够使用frameiframe。在IE中，HTML对象的ID能够作为的下属对象变量名直接使用。在MF中idnameid。HTMLid相同的问题在MF中，因为对象idHTML对象的名称，所以能够使用和HTML对象id相同的变量名，IE中不能。在变量时，一律加上var，以避免歧义，这样在IE中亦可正常运行。此外，最好不要取和HTML对象id相同的变量名，以减少错误。Firefox能够兼 .all，但会生成一条警告。能够用 ementById("*")paren这个也不兼容。比方说 则应改W3CIE里面function { }function {if(evt==evt=window.event;//ForvarsrcElementevt.srcElementevt.srcElementevt.targetIEsrcElement,Firefox使target }IEFIREFOXCSS方面的区别Firefox：没有定义高度时，假如内容中包括了内容，MF的高度解析是根据印刷标准，不用使用边框样式，否则样式肯定会出现！imgalttitletitle：的tip说明IEtitle，altimgtipMF中，两者完全按照imgalttitle对象都写全，确保在各种浏览器中都能正当您在写css的时候，特别是用float:left（或right）排列一窜时，会发现在firefox里面IEmargin:0,border:0来约束，都无济于事。IE对于空格的处理，firefox是忽略的而IE对于块和块之3px的偏差，而且这个原因很难发现。firefox里面正常而IEimg3px。我把之间的空格都删除都没有作用。imglilimargin:0，这样就解决了IE和firefox的显示偏差。IE对于一些模型的解释会产生很多错误问题，只有多多尝试才能发现原因。这只是一些简单的区别,在做布局和CSS设计时候能够综合考虑,但最为有效和简单的解决TABLE表格,表格在兼容性方面有着不错的表现.JS设计的时候也需要考虑两者对代码的兼容,IEFIREFOX的一些测试IEInternetExplorerMFMozilla.form.item现有代码中存在许多.formName.item("itemName")这样的语句，不能在MF下运行改用.formName.elements["elementName"]参见()，IE能接受，MF改用[]作为下标运算。如 .forms("formName")改又如 .geementsByName("inputName")(1)改 window.eventMFMFevent原代码(IE中运行<scriptlanguage="javascript">functiongotoSubmit(){alert(window.event);//use}新代码(IEMF中运行<scriptlanguage="javascript">functiongotoSubmit(evt){evt=evt?evt:(window.event?window.event:alert(evt);//use}此外，假如新代码中第一行不改，和老代码相同的话(gotoSubmit调用没有给参数)IEtpl部分仍和老//以下来自网友functiona(evt){evt=evt?evt:window.event;varsrcElem=(evt.target)?evt.target:}在连接事件处理函数的时候，能够用InlineHTMLEventproperty方式定义。1InlineHTML(1)javascript(2)实参要使用event，形参使用什么都能够(如evt、event等2Eventproperty.form2.radio[0].onclick=//以上来自网友HTMLid在IE中，HTML对象的ID能够作 MF用geementById("idName")代替idName作为对象变量使用IEeval(idName)ididName的HTMLMF中不用geementById(idName)代替eval(idName)HTMLid在MF中，因为对象idHTML对象的名称，所以能够使用和HTML对id相同的变量名，IE在变量时，一律加上var，以避免歧义，这样在IE中亦可正常运行。此外，最好不要取和HTML对象id相同的变量名，以减少错误。event.xevent.yIE中，eventx,y属性，MFMF中，和event.xevent.pageX。但event.pageXIE中没有。故采用event.clientX代替event.x。在IE中也有这个变量。event.clientXevent.pageX有微妙的差别（当整个页面有滚动条的时候，mX=event.x?event.x:mXevent.xevent.layerXIEMFIEwindow.testFrameframe，mfframemfie的最主要的区别是：假如在frame中书写了以下属性：<framesrc="/xx.htm"id="frameId"name="frameName"那么ie能够通过id或name这个frame对应的window对象而mf只能够通过name来这个frame对应的window对象例如假如上述frame写在最上层的window里面的htm里面，那么能够这样mf：只能这样window.top.frameName来这个window对mfie 来framewindow.top..geementById("testFrame").src='xx.htm'frame的内容=关于frame和window的描述能够参见bbs的‘window和frame’文章 adun2004.12.09在mf中没有parenementparement.children而parentNodechildNodesIEMF中不同，MFDOM规范，childNodes中会插入空当html点缺失时，IE和MF对parentNode的解释不同，例MFinput.parentNodeform,IEinput.parentNodeMF点没有removeNode方法，必须使用如下方constIEconstconstconstVarIEconstvarbodyMF的body在body没有被浏览器完全读入之前就存在，而IE则必须在body完全被读urljsurl就直接写&不要写&varurl=frm.actionurlurl不会被正常显示以至于参数没有正确的传到服务器tpltplxml规范，需要&书写为&MFjs中的&nodeNametagNameMFnodeNametextNodetagNameIEnodeName有问题（具体情况没有测试，但我的IE已死了好几次tagNameIEinput.typeMF.geementsByName()和.all[