瀏覽器js差異

1，float:

IE 文法：<br />document.getElementById(”header”).style.styleFloat = “left”;<br />Firefox 文法：<br />document.getElementById(”header”).style.cssFloat = “left”; 

2,JavaScript通過object.style.property可以很容易擷取和修改對象的設定 CSS 樣式,僅限於內聯樣式。

IE 文法：<br />var myObject = document.getElementById(”header”);<br />var myStyle = myObject.currentStyle.backgroundColor;<br />Firefox 文法：<br />var myObject = document.getElementById(”header”);<br />var myComputedStyle = document.defaultView.getComputedStyle(myObject, null);<br />var myStyle = myComputedStyle.backgroundColor; 

3，class屬性

IE 文法：<br />var myObject = document.getElementById(”header”);<br />var myAttribute = myObject.getAttribute(”className”);<br />Firefox 文法：<br />var myObject = document.getElementById(”header”);<br />var myAttribute = myObject.getAttribute(”class”); 

4，擷取 label 標籤的 “for” 屬性

IE 文法：<br />var myObject = document.getElementById(”myLabel”);<br />var myAttribute = myObject.getAttribute(”htmlFor”);<br />Firefox 文法：<br />var myObject = document.getElementById(”myLabel”);<br />var myAttribute = myObject.getAttribute(”for”); 

5，擷取游標位置

IE 文法：<br />var myCursorPosition = [0, 0];<br />myCursorPosition[0] = event.clientX;<br />myCursorPosition[1] = event.clientY;<br />Firefox 文法：<br />var myCursorPosition = [0, 0];<br />myCursorPosition[0] = event.pageX;<br />myCursorPosition[1] = event.pageY; 

6，擷取視窗或瀏覽器視窗的尺寸

IE 文法：<br />var myBrowserSize = [0, 0];<br />myBrowserSize[0] = document.documentElement.clientWidth;<br />myBrowserSize[1] = document.documentElement.clientHeight;<br />Firefox 文法：<br />var myBrowserSize = [0, 0];<br />myBrowserSize[0] = window.innerWidth;<br />myBrowserSize[1] = window.innerHeight; 

7，Alpha 透明

IE 文法：<br />var myObject = document.getElementById(”myElement”);<br />myObject.style.filter = “alpha(opacity=80)”;<br />Firefox 文法：<br />var myObject = document.getElementById(”myElement”);<br />myObject.style.opacity = “0.5″; 

 

轉於：http://www.rainweb.cn/article/232.html