面試題全集由php高級技術(shù)群收集-js兼容性問題匯總

JSIEFFForm對象現(xiàn)有代碼這獲得form對象通過 .forms("formName")，這樣使用在IE能接受，MF改用作為下標(biāo)運(yùn)算。改 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的最主要的區(qū)別是：假如在frame中書寫了以下屬性：那么IE能夠通過id或name這個(gè)frame對應(yīng)的window對象而mf只能夠通過name來這個(gè)frame對應(yīng)的window對象例如假如上述frame寫在最上層的window里面的htm里面，那么能夠這樣IE：window.top.frameId或window.top.frameName來這個(gè)window對象MF：只能這樣window.top.frameName來這個(gè)window對象另外在mf和ie中都能夠使用 ementById("frameId")來并且能夠通過window.top. .geementById("testFrame").src='xx.htm'來轉(zhuǎn)換frame的=IEshowModalDialogshowModelessDialog直接使用window.open(pageURL,name,parameters)方式打開新窗口。假如需要傳遞參數(shù)，能夠使用frameiframe。在IE中，HTML對象的ID能夠作為的下屬對象變量名直接使用。在MF中idnameid。HTMLid相同的問題在MF中，因?yàn)閷ο骾dHTML對象的名稱，所以能夠使用和HTML對象id相同的變量名，IE中不能。在變量時(shí)，一律加上var，以避免歧義，這樣在IE中亦可正常運(yùn)行。此外，最好不要取和HTML對象id相同的變量名，以減少錯誤。Firefox能夠兼 .all，但會生成一條警告。能夠用 ementById("*")paren這個(gè)也不兼容。比方說 則應(yīng)改W3CIE里面function { }function {if(evt==evt=window.event;//ForvarsrcElementevt.srcElementevt.srcElementevt.targetIEsrcElement,Firefox使target }IEFIREFOXCSS方面的區(qū)別Firefox：沒有定義高度時(shí)，假如內(nèi)容中包括了內(nèi)容，MF的高度解析是根據(jù)印刷標(biāo)準(zhǔn)，不用使用邊框樣式，否則樣式肯定會出現(xiàn)！imgalttitletitle：的tip說明IEtitle，altimgtipMF中，兩者完全按照imgalttitle對象都寫全，確保在各種瀏覽器中都能正當(dāng)您在寫css的時(shí)候，特別是用float:left（或right）排列一竄時(shí)，會發(fā)現(xiàn)在firefox里面IEmargin:0,border:0來約束，都無濟(jì)于事。IE對于空格的處理，firefox是忽略的而IE對于塊和塊之3px的偏差，而且這個(gè)原因很難發(fā)現(xiàn)。firefox里面正常而IEimg3px。我把之間的空格都刪除都沒有作用。imglilimargin:0，這樣就解決了IE和firefox的顯示偏差。IE對于一些模型的解釋會產(chǎn)生很多錯誤問題，只有多多嘗試才能發(fā)現(xiàn)原因。這只是一些簡單的區(qū)別,在做布局和CSS設(shè)計(jì)時(shí)候能夠綜合考慮,但最為有效和簡單的解決TABLE表格,表格在兼容性方面有著不錯的表現(xiàn).JS設(shè)計(jì)的時(shí)候也需要考慮兩者對代碼的兼容,IEFIREFOX的一些測試IEInternetExplorerMFMozilla.form.item現(xiàn)有代碼中存在許多.formName.item("itemName")這樣的語句，不能在MF下運(yùn)行改用.formName.elements["elementName"]參見()，IE能接受，MF改用[]作為下標(biāo)運(yùn)算。如 .forms("formName")改又如 .geementsByName("inputName")(1)改 window.eventMFMFevent原代碼(IE中運(yùn)行<scriptlanguage="javascript">functiongotoSubmit(){alert(window.event);//use}新代碼(IEMF中運(yùn)行<scriptlanguage="javascript">functiongotoSubmit(evt){evt=evt?evt:(window.event?window.event:alert(evt);//use}此外，假如新代碼中第一行不改，和老代碼相同的話(gotoSubmit調(diào)用沒有給參數(shù))IEtpl部分仍和老//以下來自網(wǎng)友functiona(evt){evt=evt?evt:window.event;varsrcElem=(evt.target)?evt.target:}在連接事件處理函數(shù)的時(shí)候，能夠用InlineHTMLEventproperty方式定義。1InlineHTML(1)javascript(2)實(shí)參要使用event，形參使用什么都能夠(如evt、event等2Eventproperty.form2.radio[0].onclick=//以上來自網(wǎng)友HTMLid在IE中，HTML對象的ID能夠作 MF用geementById("idName")代替idName作為對象變量使用IEeval(idName)ididName的HTMLMF中不用geementById(idName)代替eval(idName)HTMLid在MF中，因?yàn)閷ο骾dHTML對象的名稱，所以能夠使用和HTML對id相同的變量名，IE在變量時(shí)，一律加上var，以避免歧義，這樣在IE中亦可正常運(yùn)行。此外，最好不要取和HTML對象id相同的變量名，以減少錯誤。event.xevent.yIE中，eventx,y屬性，MFMF中，和event.xevent.pageX。但event.pageXIE中沒有。故采用event.clientX代替event.x。在IE中也有這個(gè)變量。event.clientXevent.pageX有微妙的差別（當(dāng)整個(gè)頁面有滾動條的時(shí)候，mX=event.x?event.x:mXevent.xevent.layerXIEMFIEwindow.testFrameframe，mfframemfie的最主要的區(qū)別是：假如在frame中書寫了以下屬性：<framesrc="/xx.htm"id="frameId"name="frameName"那么ie能夠通過id或name這個(gè)frame對應(yīng)的window對象而mf只能夠通過name來這個(gè)frame對應(yīng)的window對象例如假如上述frame寫在最上層的window里面的htm里面，那么能夠這樣mf：只能這樣window.top.frameName來這個(gè)window對mfie 來framewindow.top..geementById("testFrame").src='xx.htm'frame的內(nèi)容=關(guān)于frame和window的描述能夠參見bbs的‘window和frame’文章 adun2004.12.09在mf中沒有parenementparement.children而parentNodechildNodesIEMF中不同，MFDOM規(guī)范，childNodes中會插入空當(dāng)html點(diǎn)缺失時(shí)，IE和MF對parentNode的解釋不同，例MFinput.parentNodeform,IEinput.parentNodeMF點(diǎn)沒有removeNode方法，必須使用如下方constIEconstconstconstVarIEconstvarbodyMF的body在body沒有被瀏覽器完全讀入之前就存在，而IE則必須在body完全被讀urljsurl就直接寫&不要寫&varurl=frm.actionurlurl不會被正常顯示以至于參數(shù)沒有正確的傳到服務(wù)器tpltplxml規(guī)范，需要&書寫為&MFjs中的&nodeNametagNameMFnodeNametextNodetagNameIEnodeName有問題（具體情況沒有測試，但我的IE已死了好幾次tagNameIEinput.typeMF.geementsByName()和.all[