關於瀏覽器和屏幕的座標大全

時間 2019-11-11

原文原文鏈接

<body onclick="Text()">javascript

event.X返回事件對象的相對於本體的座標。*/
strInfo+=" "+document.body.scrollWidth;//上下滾動條高度距離屏幕左端的距離
strInfo+="\n"+document.body.scrollHeight;//屏幕內容距離窗口上端的距離
strInfo+=" "+document.body.scrollTop;//網頁被捲去的高
strInfo+="\n"+document.body.scrollLeft;//網頁被捲去的寬
strInfo+=" "+document.body.clientWidth;//網頁可見區域的寬度(不會隨着鼠標的變化而變化,不包括邊框和滾動條);
strInfo+="\n"+document.body.clientHeight;//網頁可見區域的高度(不會隨着鼠標的變化而變化,不包括邊框和滾動條);
strInfo+=" "+document.body.offsetWidth;//網頁可見區域的高度(不會隨着鼠標的變化而變化,包括邊框和滾動條);
strInfo+="\n"+document.body.offsetHeight;//網頁可見區域的高度(不會隨着鼠標的變化而變化,包括邊框和滾動條);
strInfo+=" "+window.screenTop;//網頁正文部分上有些瀏覽器要換成window.screenX
strInfo+="\n"+window.screenLeft;//網頁正文部分左有些瀏覽器要換成window.screenY
strInfo+=" "+window.screen.width;//返回屏幕分辨率的寬度
strInfo+="\n"+window.screen.height;//返回屏幕分辨率的高度
strInfo+=" "+window.screen.availWidth;//返回屏幕可用工做區的像素寬度(不包括工具欄)
strInfo+="\n"+window.screen.availHeight;//返回屏幕可用工做區的像素的高度(不包括工具欄)瀏覽器

document.write(strInfo);
}
</script>
</body>工具