html怎么获取屏幕高度和宽度

html怎么获取屏幕高度和宽度,第1张

width_screen=screen.width // 获取宽度

height_screen=screen.height 高度

availWidth_screen=screen.availWidth

availHeight_screen=screen.availHeight

colorDepth_screen=screen.colorDepth

如果是动态获取的话,就自己写一个方法什么的给封装一下,然后加载。

网页可见区域宽: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

1、新建一个html文件

2、为了更好区分,会创建两个按钮标签,然后给这两个按钮标签添加不同的id。

3、引入jquery文件(注:jquery的引入路径一定要正确)。

4、创建加载完成函数,然后创建一个点击按钮获取当前id的函数。

5、保存好html文件后使用浏览器打开,然后点击按钮即可看到点击的id。

6、页面所有代码,如有不懂可把所有代码复制到新建的html文件上,然后修改引入的jquery文件即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7241551.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存