使用JavaScript获取设备屏幕的宽度

给定一个在设备上运行的HTML文档,如何使用javascript查找屏幕设备的宽度?下面本篇文章就来给大家介绍一下使用JavaScript获取设备屏幕宽度的方法,希望对大家有所帮助。

方法一:使用window.innerWidth获取设备屏幕的宽度

innerWidth属性用于返回设备的宽度,以像素计。

示例:

如何获取javascript中的设备屏幕宽度?

获取javascript中的设备屏幕宽度:

效果图:

方法二:使用document.documentElement.clientWidth方法获取设备屏幕的宽度

document.documentElement.clientWidth方法拥有获取浏览器窗口文档显示区域的宽度,不包括滚动条。

示例:

如何获取javascript中的设备屏幕宽度?

获取javascript中的设备屏幕宽度:

效果图:

更多前端开发知识,请查阅 HTML中文网 !!

你可能感兴趣的:(使用JavaScript获取设备屏幕的宽度)