面試題全集由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的最主要的區(qū)別是：假如在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方面的區(qū)別Firefox：沒有定義高度時，假如內容中包括了內容，MF的高度解析是根據印刷標準，不用使用邊框樣式，否則樣式肯定會出現！imgalttitletitle：的tip說明IEtitle，altimgtipMF中，兩者完全按照imgalttitle對象都寫全，確保在各種瀏覽器中都能正當您在寫css的時候，特別是用float:left（或right）排列一竄時，會發(fā)現在firefox里面IEmargin:0,border:0來約束，都無濟于事。IE對于空格的處理，firefox是忽略的而IE對于塊和塊之3px的偏差，而且這個原因很難發(fā)現。firefox里面正常而IEimg3px。我把之間的空格都刪除都沒有作用。imglilimargin:0，這樣就解決了IE和firefox的顯示偏差。IE對于一些模型的解釋會產生很多錯誤問題，只有多多嘗試才能發(fā)現原因。這只是一些簡單的區(qū)別,在做布局和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的最主要的區(qū)別是：假如在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規(guī)范，childNodes中會插入空當html點缺失時，IE和MF對parentNode的解釋不同，例MFinput.parentNodeform,IEinput.parentNodeMF點沒有removeNode方法，必須使用如下方constIEconstconstconstVarIEconstvarbodyMF的body在body沒有被瀏覽器完全讀入之前就存在，而IE則必須在body完全被讀urljsurl就直接寫&不要寫&varurl=frm.actionurlurl不會被正常顯示以至于參數沒有正確的傳到服務器tpltplxml規(guī)范，需要&書寫為&MFjs中的&nodeNametagNameMFnodeNametextNodetagNameIEnodeName有問題（具體情況沒有測試，但我的IE已死了好幾次tagNameIEinput.typeMF.geementsByName()和.all[