javascript瀏覽器兼容性總結(jié)及常用瀏覽器兼容性分析_javascript技巧

2、dd的div在IE卜?用ch訂dNodes杳看，其了節(jié)點數(shù)為1,而ff卜'為三，我們可以從firefox的dom查看器里面看到他的childNodes為[〃〃,div,〃rT]。要在firefox下模擬children的屈性我們可以這樣做：if(typeof(HTMLE1ement)!二"undefinecT&&[window,opera){IlTMLElement.prototype?—defineGetter_("childrefunction(){for(vara=[],j=0,n,i=0;i

3、+){n=this?childNodes[i];if(n.nodeType二二1){a[j++]=n;if(n.name){if(!a[n.name])a[n.name]=[];a[n.name][a[n.name].length]二n;}if(n.id)a[n.id]=n;}}returna;})；2.firefox和ie的事件window,event只能在IE下使用,而不能用在Firefox下,這是因為Firefox的event只能在事件發(fā)生的現(xiàn)場使用。Firefox必須從源處加入event作參數(shù)傳遞。IE忽略該參數(shù)，用window,event來讀取該

4、event。比方說下面這個在ie下獲得鼠標(biāo)位置的方法：獲得鼠標(biāo)點擊橫坐標(biāo)需要改成獲得OuterHTMLfunctiononclick(event){event=event

5、

6、window.e

7、vent;alert(event.clientX);}才能在兩種瀏覽器下使用1.HTML對象獲取問題FireFox獲取方式document.getElementByld(〃idName〃)ie使用document.idname或者document.getElementByld(，/idame，/)解決辦法：統(tǒng)一使用document.getElementByIdidame，z);2.const問題在FirefoxT可以使用const關(guān)鍵字或var關(guān)鍵字來定義常量；IE下，只能使用var關(guān)鍵字來定義常量；解決方法：統(tǒng)-使用var關(guān)鍵字來

8、定義常量。3.frame問題以F面的ffame為例:a）訪問frame對象TE：使用window.frameTd或者window.frameName來訪問這個frame對象，frameTd和frameName口J以同名；Firefox：只能使用window.frameName來訪問這個frame對象；另外，在IE和Firefox中都可以使用window,document.getElementByld（，/frameId/，）來訪問這個frame對象；b

9、）切換frame內(nèi)容在TE和Firefox中都可以使用window.document?getElcmentByld（"tcstFrame“）.sre="xxx?html"或window.frameName?location="xxx?html"來切換frame的內(nèi)容；如果需要將frame'I1的參數(shù)傳冋父窗口（注意不是opener,而是parent）,可以在frame中使用parent來訪問父窗口。例如：parent?document?form1.filcnamc.value二"Aqing";1.body問題Firefox的body在body標(biāo)簽沒有被瀏覽

10、器完全讀入之前就存在；而IE的body則必須在body標(biāo)簽被瀏覽器