window.event
IE：有window.event對(duì)象
FF：沒(méi)有window.event對(duì)象。可以通過(guò)給函數(shù)的參數(shù)傳遞event對(duì)象。如onmousemove=doMouseMove(event)
鼠標(biāo)當(dāng)前坐標(biāo)
IE：event.x和event.y。
FF：event.pageX和event.pageY。
通用：兩者都有event.clientX和event.clientY屬性。
鼠標(biāo)當(dāng)前坐標(biāo)(加上滾動(dòng)條滾過(guò)的距離)
IE：event.offsetX和event.offsetY。
FF：event.layerX和event.layerY。
通用：event.clientY+document.documentElement.scrollTop（加垂直滾動(dòng)條）。
通用：event.clientX+document.documentElement.scrollLeft（加水平滾動(dòng)條）。
示例：
<script>
function xyzb(xy){
xl = xy.clientX+document.documentElement.scrollLeft;
yr = xy.clientY+document.documentElement.scrollTop;
document.getElementById("xys").innerHTML=xl+","+yr;
}
</script>
<div id="xys" style="width:500px;height:500px;border:1px solid;" onmousemove="xyzb(event);"></div>
IE：有。
FF：沒(méi)有。
通用：object.offsetLeft 和 object.offsetTop。
窗體的高度和寬度
IE：document.body.offsetWidth和document.body.offsetHeight。注意：此時(shí)頁(yè)面一定要有body標(biāo)簽。
FF：window.innerWidth和window.innerHegiht，以及document.documentElement.clientWidth和document.documentElement.clientHeight。
通用：document.body.clientWidth和document.body.clientHeight。
添加事件
IE：element.attachEvent("onclick", func);。
FF：element.addEventListener("click", func, true)。
通用：element.onclick=func。雖然都可以使用onclick事件，但是onclick和上面兩種方法的效果是不一樣的，onclick只有執(zhí)行一個(gè)過(guò)程，而attachEvent和addEventListener執(zhí)行的是一個(gè)過(guò)程列表，也就是多個(gè)過(guò)程。例如：element.attachEvent("onclick",
func1);element.attachEvent("onclick", func2)這樣func1和func2都會(huì)被執(zhí)行。
標(biāo)簽的自定義屬性
IE：如果給標(biāo)簽div1定義了一個(gè)屬性value，可以div1.value和div1["value"]取得該值。
FF：不能用div1.value和div1["value"]取。
通用：div1.getAttribute("value")。
父節(jié)點(diǎn)、子節(jié)點(diǎn)和刪除節(jié)點(diǎn)
IE：parentElement、parement.children，element.romoveNode(true)。
FF：parentNode、parentNode.childNodes，node.parentNode.removeChild(node)。
畫圖
IE：VML。
FF：SVG。
CSS：透明
IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF：opacity:0.6。
CSS：圓角
IE：不支持圓角。
FF：-moz-border-radius:4px，或者-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;。
CSS：雙線凹凸邊框
IE：border:2px outset;。
FF：-moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8
white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040
#808080;。
posted on 2008-01-31 12:52
josson 閱讀(441)
評(píng)論(0) 編輯 收藏 所屬分類:
web開發(fā)