signed

QiShunwang

“诚信为本、客户至上”

JS获取网页属性包括宽、高等等

2021/6/9 5:54:38   来源:
复制代码 代码如下:

function getInfo()
{
var s = "";
s += " 网页可见区域宽:"+ document.body.clientWidth+" ";
s += " 网页可见区域高:"+ document.body.clientHeight+" ";
s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+" ";
s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"+" ";
s += " 网页正文全文宽:"+ document.body.scrollWidth+" ";
s += " 网页正文全文高:"+ document.body.scrollHeight+" ";
s += " 网页被卷去的高(ff):"+ document.body.scrollTop+" ";
s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop+" ";
s += " 网页被卷去的左:"+ document.body.scrollLeft+" ";
s += " 网页正文部分上:"+ window.screenTop+" ";
s += " 网页正文部分左:"+ window.screenLeft+" ";
s += " 屏幕分辨率的高:"+ window.screen.height+" ";
s += " 屏幕分辨率的宽:"+ window.screen.width+" ";
s += " 屏幕可用工作区高度:"+ window.screen.availHeight+" ";
s += " 屏幕可用工作区宽度:"+ window.screen.availWidth+" ";
s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+" ";
s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+" ";
s += " window的页面可视部分实际高度(ff) "+window.innerHeight+" ";
alert (s);
};
您可能感兴趣的文章:
  • javascript获取网页宽高方法汇总
  • javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
  • JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
  • javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
  • 获取JS中网页各种高宽与位置的方法总结
  • JavaScript获取网页、浏览器、屏幕高度和宽度汇总
  • javascript获取网页各种高宽及位置的方法总结
  • jQuery javascript获得网页的高度与宽度的实现代码
  • JavaScript获取网页的宽高及如何兼容详解