`

JS 获取当前屏幕大小

阅读更多
网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

 

分享到:
评论

相关推荐

    nc-screen:Nodejs C ++插件获取设备屏幕尺寸

    数控屏Nodejs C ++插件获取设备屏幕尺寸编译sudo yarn test 或者sudo npm run test待办事项清单打字稿npm脚本: node-gyp build和node-gyp rebuild之间有什么区别捕获错误边界参考

    JS获取当前网页大小以及屏幕分辨率等

    主要介绍了JS获取当前网页大小以及屏幕分辨率等,方法虽简单,但比较实用,需要的朋友可以参考下

    JS测试显示屏分辨率以及屏幕尺寸的方法

    如何用JS特效显示自己的屏幕分辨率以及屏幕尺寸呢,你会吗?如果不会,那么下面有个不错的方法,大家可以参考下

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    27、原生JavaScript获取当前路径 28、原生JavaScriptIP转成整型 29、原生JavaScript整型解析为IP地址 30、原生JavaScript实现checkbox全选与全不选 31、原生JavaScript判断是否移动设备 32、原生JavaScript判断是否...

    程序天下:JavaScript实例自学手册

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    js获取浏览器和屏幕的各种宽度高度

    一:网页可见区域宽高,不包括工具栏和滚动条(浏览器窗口可视区域大小) 1.对于IE9+、chrome、firefox、Opera、Safari: window.innerHeight浏览器窗口的内部高度; window.innerWidth浏览器窗口的内部宽度; 2....

    《程序天下:JavaScript实例自学手册》光盘源码

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    javascript常用对象梳理

    JS中的常用对象[转载]web 技术 2010-06-05 15:00:30 阅读3 评论0 字号:大中小 订阅 [removed] Window For JavaScript 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、...

    JavaScript实例精通

    JavaScript实例精通 1.本书1~20章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 开发环境:、Dreamwave、Notepad、UltraEdit,或者其他文本编辑器 Web服务器:IIS 5.1及...

    《JavaScript实例精通》[源代码]

    示例描述:窗口大小自动化管理。 8_1.htm 按指定要求打开的窗口。 8_2.htm 控制窗口的打开和关闭。 8_3.htm 从天而降的窗口。 8_4.htm 打开慢慢变大的窗口。 8_5.htm 打开一个四面变大的窗口。 8_6....

    web 视频播放器 js

    javascript可以控制播放,加载媒体,获得当前播放项的详尽信息。 fsbuttonlink (url):如果用户的flashplayer版本高于(9.0.28)播放器会自动的显示一个全屏按钮。通过设置该值,你可以链接到另外的页面用以全屏显示...

    JavaScript网页特效范例宝典源码

    实例028 刷新当前页 44 实例029 自动最大化 45 实例030 自定义导航控制面板 46 实例031 根据用户分辨率自动调整窗口 48 1.5 窗口的其他效果 49 实例032 打开窗口时显示对话框 50 实例033 使窗口背景透明 50 实例034 ...

    painter_js:Painter是一款基于Xonix的浏览器游戏,Xonix是1984年开发的经典视频游戏。使用Javascript和HTML5开发

    背景和概述Painter是一款基于Xonix的视频游戏,Xonix是1984年开发的经典视频游戏。... 统计信息将显示在屏幕上: 要求保护的屏幕百分比当前水平画家Painter将是一个单页应用程序,具有播放屏幕画布,并具有指向G

    easy-resize-watchers.js:注意调整大小事件

    这是我们经常使用的脚本集合,用于构建适应屏幕尺寸变化的 JavaScript 界面。 watchResize() 调整浏览器大小时触发回调的全局方法。 当前视口宽度(以像素为单位)作为参数传递给回调。 用法示例: watchResize...

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    如:<script type="text/javascript" src="ymPrompt.js"></script> 2、在页面中引入对应的皮肤文件的CSS,如: 3、自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用) 页面的js中通过ymPrompt....

    Android开发资料合集--续

    91、获得当前应用的UID 131 92、图片压缩类 132 93、一次性退出所有Activity 136 95、Java替换字符串,不区分大小写 138 96、Java获得随机数 139 97、MD5加密 141 98、HTTP数据传输 141 从Internet获取数据 141 向...

    精通JavaScript

    • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章(\第2章) • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 ...

    基于Vue设计的 拼图游戏

    使用 CSS3 的 animaition 通过拼图块背景图片位置的变化, 添加平滑过渡效果在 js 中通过为拼图块添加的自定义属性 index ,获取当前方块的背景图片位置信息 整体框架 整个页面分为两个部分, 分别是拼图部分和功能按钮...

    webex-presenter-desk-pro:在Webex Meeting中使用Webex Desk Pro PC覆盖功能来获取全屏演示

    将当前视图另存为预设注意:还需要安装宏dbMacro.js ,但不需要启用它。 在重新启动宏引擎或关闭和打开Desk Pro的情况下,预设存储在此宏中。 注意:此代码使用的API可能要求您的Desk Pro RoomOS软件处于“预览”或...

Global site tag (gtag.js) - Google Analytics