js 如何获取元素离浏览器的距离

<script type="text/javascript">
window.onload = function(){
var box = document.getElementById("box")
//获取元素距离浏览器的高度
alert(box.offsetTop)
//获取元素距离浏览器左边的距离
alert(box.offsetLeft)

}

</script>

css/

<style type="text/css">
#box{
width: 100px;
height: 100px;
background: green;
position: absolute;
left: 100px;
top: 50px;
}
</style>

/html//

<div id="box">

</div>