2009年6月3日 星期三

[JavaScript]窗口位置與函數值(圖)



var s = "";
s += "\r\n網頁可見區域寬:"+ document.body.clientWidth;
s += "\r\n網頁可見區域高:"+ document.body.clientHeight;
s += "\r\n網頁可見區域寬:"+ document.body.offsetWidth +" (包括邊線和滾動條的寬)";
s += "\r\n網頁可見區域高:"+ document.body.offsetHeight +" (包括邊線的寬)";
s += "\r\n網頁正文全文寬:"+ document.body.scrollWidth;
s += "\r\n網頁正文全文高:"+ document.body.scrollHeight;
s += "\r\n網頁被捲去的高:"+ document.body.scrollTop;
s += "\r\n網頁被捲去的左:"+ document.body.scrollLeft;
s += "\r\n網頁正文部分上:"+ window.screenTop;
s += "\r\n網頁正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的寬:"+ window.screen.width;
s += "\r\n屏幕可用工作區高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作區寬度:"+ window.screen.availWidth;
s += "\r\n你的屏幕設置是 "+ window.screen.colorDepth +" 位彩色";
s += "\r\n你的屏幕設置 "+ window.screen.deviceXDPI +" 像素/英吋";



1. 取得整個螢幕的寬度和高度:
IE、FF:screen.width、screen.height
2. 取得螢幕可用區域的寬度和高度(不含工具列的範圍):
IE、FF:screen.availWidth、screen.availHeight
3. 取得瀏覽器視窗外緣的寬度和高度:
IE、FF:document.documentElement.offsetWidth、document.documentElement.offsetHeight
FF、NS:window.outerWidth、window.outerHeight
4. 取得瀏覽器可視區域的寬度和高度:
IE、FF:document.documentElement.clientWidth、document.documentElement.clientHeight
FF、NS:window.innerWidth、window.innerHeight
5. 取得高度已確定的瀏覽器文件寬度及高度:
IE、FF: document.documentElement.scrollWidth、document.documentElement.scrollHeight

【下列文章您可能也有興趣】

沒有留言: