網站制作過程中，主要考慮的問題就是瀏覽器的兼容問題了，很多瀏覽器都不能兼容，例如火狐和IE，同一個網站在火狐和IE瀏覽器下就顯示著不一樣的效果，這是網站制作者的難題，所以筆者經過多年網站制作經驗，總結出火狐和IE的不兼容都出現在哪些地方，以及解決辦法，希望可以幫您解決煩惱！！   
兼容問題 
火狐瀏覽器 
IE瀏覽器 
解決辦法  聚集類對象標題 只能應用[]獲取聚集類對象 可以應用()或[]獲取聚集類對象
同一應用[]獲取聚集類對象  變量名與某HTML對象ID雷同的標題 應用與HTML對象ID雷同的變量名;IE下則不能 HTML對象ID作為document的下屬對象變量名直接應用，Firefox下則不能 應用document.getElementById("idName")代替document.idName.最好不要取HTML對象ID雷同的變量名,以減少錯誤;在聲明變量時,一律加上var,以避免歧義.  event.x與event.y標題 even對象有pageX,pageY屬性,但是沒有x,y屬性 even對象有x,y屬性,但是沒有pageX,pageY屬性 應用mX(mX = event.x ? event.x : event.pageX;)來代替IE下的event.x或者Firefox下的event.pageX.  eval("idName")標題 只能應用getElementById("idName")來取得id為idName的HTML對象 可以應用eval("idName")或getElementById("idName")來取得id為idName的HTML對象 同一用getElementById("idName")來取得id為idName的HTML對象  event.srcElement標題 even對象有target屬性,但是沒有srcElement屬性 even對象有srcElement屬性,但是沒有target屬性 應用obj(obj = event.srcElement ? event.srcElement : event.target;)來代替IE下的event.srcElement或者Firefox下的event.target.  body標題 Firefox的body在body標簽沒有被瀏覽器完整讀進之前就存在 IE的body則必需在body標簽被瀏覽器完整讀進之后才存在    模態和非模態窗口標題 Firefox不能通過showModalDialog和showModelessDialog打開模態和非模態窗口 IE可以 直接應用window.open(pageURL,name,parameters)方法打開新窗口。  const標題 可以應用const關鍵字或var關鍵字來定義常量 只能應用var關鍵字來定義常量 同一應用var關鍵字來定義常量  自定義屬性標題 只能應用getAttribute()獲取自定義屬性 可以應用獲取慣例屬性的方法來獲取自定義屬性,也可以應用getAttribute()獲取自定義屬性 同一通過getAttribute()獲取自定義屬性  window.location.href標題 Firefox1.5.x下,只能應用window.location IE或者Firefox2.0.x下,可以應用window.location或window.location.href 應用window.location來代替window.location.href  firefox與IE(parentElement)的父元素的差別 obj.parentNode obj.parentElement 由于firefox與IE都支撐DOM,因此應用obj.parentNode是不錯選擇  打消ul、ol等列表的縮進時 padding屬性對FireFox有效 margin屬性對IE有效 樣式應寫成:list-style:none;margin:0px;padding:0px;  cursor:hand VS cursor:pointer firefox不支撐hand ie支撐pointer 同一應用pointer
　　看了之后，是不是就不會在為網站制作的瀏覽器兼容問題而感到苦惱了呢？