侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

智慧前端:js获取with和height屏幕浏览器的各种汇总

2023-12-12 星期二 / 0 评论 / 0 点赞 / 43 阅读 / 3493 字

Document 对象 1、document.body.clientWidth、document.body.clientHeight 返回网页可见区域宽高 2、document.body.offset

Document 对象

1、document.body.clientWidth、document.body.clientHeight

返回网页可见区域宽高

2、document.body.offsetWidth、document.body.offsetHeight

返回网页可见区域宽高(包括边线的宽)

3、document.body.scrollWidth、document.body.scrollHeight

返回网页正文区域宽高

4、document.body.scrollTop、document.body.scrollLeft

返回网页被卷去的top宽度和left宽度

Window 对象

5、window.screenTop、window.screenLeft

返回窗口相对于屏幕的X和Y坐标

6、window.screen.height、window.screen.width

返回屏幕分辨率的高和宽

7、window.screen.availHeight、window.screen.availWidth

返回屏幕可用工作区高宽


Screen 对象

8、screen.width、screen.height 

    返回显示屏幕的分辨率(宽,高)

9、screen.availWidth、screen.availHeight

    返回显示屏幕的宽度和高度 (除 Windows 任务栏之外)

<html><script>function WandH(){document.write("屏幕分辨率为:"+screen.width+"*"+screen.height/*分辨率*/+"<br />"+"屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight/*除去任务栏*/+"<br />"+"网页可见区域宽:"+document.body.clientWidth/*屏幕宽度*/+"<br />"+"网页可见区域高:"+document.body.clientHeight/*屏幕高度(可显)*/+"<br />"+"网页可见区域宽(包括边线的宽):"+document.body.offsetWidth/*宽(包括边线的宽)*/+"<br />"+"网页可见区域高(包括边线的宽):"+document.body.offsetHeight/*高(包括边线的宽*/+"<br />"+"网页正文全文宽:"+document.body.scrollWidth/*网页可见区域宽:"+document.body.clientWidth/*屏幕宽度*/+"<br />"+"网页正文全文高:"+document.body.scrollHeight/*网页可见区域高:"+document.body.clientHeight/*屏幕高度(可显)*/+"<br />"+"网页被卷去的高:"+document.body.scrollTop/*滚动高度*/+"<br />"+"网页被卷去的左:"+document.body.scrollLeft/*滚动宽度*/+"<br />"+"网页正文部分上:"+window.screenTop/*返回窗口相对于屏幕的X和Y坐标。*/+"<br />"+"网页正文部分左:"+window.screenLeft/**/+"<br />"+"屏幕分辨率的高:"+window.screen.height/*分辨率*/+"<br />"+"屏幕分辨率的宽:"+window.screen.width/*分辨率*/+"<br />"+"屏幕可用工作区高度:"+window.screen.availHeight/**/+"<br />"+"屏幕可用工作区宽度:"+window.screen.availWidth/**/);}</script><body onLoad="WandH()" ></body></html>


广告 广告

评论区