博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript获取网页属性包括宽、高等
阅读量:7093 次
发布时间:2019-06-28

本文共 1051 字,大约阅读时间需要 3 分钟。

function getWindowInfo()

{
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+" ";
console.info(s);
};

转载于:https://www.cnblogs.com/shuishuowobushihuiyuan/p/3643931.html

你可能感兴趣的文章
Microsoft.AspNet.SignalR实现弹幕(即时通讯)
查看>>
菜鸡互啄队 --- 第三周-需求改进&系统设计
查看>>
面向对象的多态
查看>>
配置Apache虚拟目录
查看>>
02.驱动调试
查看>>
C# 动态调用WebService
查看>>
在DataList控件访问子控件的方法
查看>>
EJB 连接DB util -- EntityManagerUtil
查看>>
oracle 创建用户指定表空间 删除用户删除表空间
查看>>
第十周作业
查看>>
Generate Parentheses(组合,回溯)
查看>>
ubuntu桌面进不去,我跪了
查看>>
UVALive - 6912 Prime Switch (状压DP)
查看>>
单元测试基础知识
查看>>
SQLServer数据库查看死锁、堵塞情况
查看>>
模拟window.onerror方法
查看>>
GitHub 上下载代码运行报错 :'The sandbox is not sync with the Podfile.lock\'
查看>>
JS访问或设置cookie的方法+跨域调用方法
查看>>
【为什么用Linux】
查看>>
Kibana+Logstash+Elasticsearch 日志查询系统
查看>>