javascript获取页面宽度，javascript获取页面元素的方法

javascript如何获取div的class中设置的宽高度?

第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

运用js获取div宽度，原生JS获取DIV的属性有两种方法，js 获取方法命令如下：currentStyle和getComputedStyle，前者是兼容IE端的，后者也兼容W3C，两者内核不同，所以就有两种兼容的写法。

offsetWidth属性：此属性可以获取元素的宽度，宽度值包括：元素内容+内边距+边框。不包括外边距和滚动条部分。返回值是一个整数，单位是像素。此属性是只读的。

途径：第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

相关问答

Q1: 如何获取屏幕的宽度

1、方法一：使用纸片和尺子。这是一种最为常见的方法，只需要一张白纸和一个尺子即可准确测量手机屏幕的尺寸。具体操作方法如下：首先将手机屏幕放在一张白纸上，用笔或铅笔在纸上画出手机屏幕的边缘。

2、在窗体的Load事件中，获取窗体的宽度，根据窗体的宽度，使用vba代码设置每个控件的位置和大小。给主流的几种分辨率创建不同的窗体，根据不同的分辨率显示不同屏幕宽度。

3、不同品牌的不同型号的尺寸有所不同，但大致一样，32寸电视机的尺寸一般是71×41厘米，即电视机的宽度为71厘米，高度为41厘米。电视屏幕的尺寸“寸”，不是以电视的长宽来命名的，而是以屏幕对角线的长度来命名的。

4、屏幕的宽度和高度的计算方法：屏幕的尺寸，即其对角线的长度L。根据其宽高比α，得出宽与对角线的比为a/b=α/√(1+α)，所以宽为a=Lα/√(1+α)，进而得到高为b=L/√(1+α)。

5、当然有些浏览器会自动缩放使其适应屏幕，但这不是统一标准，正确的做法是用js动态生成此标签，当然，应该先获取屏幕尺寸。

6、viewport和屏幕的真实尺寸并不是对应的，如在Safari Mobile中viewport默认宽度（320px）是屏幕真实尺寸（640px）的一半，这里不管是用window.innerHeight还是window.screen.width拿到的都是320px。

Q2: javascript或php如何获取当前用户屏幕的物理尺寸

1、= window.screen.width；document.cookie=screen=+width；//-- ？php screen = $_COOKIE[screen]；echo intval($screen)；？ 网上的方法，通过JS保存到COOKIE，再通过PHP获取COOKIE。希望可以帮到你。

2、使用菜单按钮收缩导航栏 PHP类网站下，可以使用两个水平菜单：一个常见的导航，另一个用于记录用户操作。

3、侦听“屏幕旋转”事件，一旦屏幕旋转就在回调函数中重新获得元素的宽和高。

4、屏幕分辨率：通俗来讲，是指屏幕能够达到的清晰度（图像细腻程度），如 480*320，说明长为 480 个像素，宽为 320 个像素。这个数值越大则图像越清晰。

Q3: 如何用JAVASCRIPT获取当前窗口的高度和宽度

document.body.scrollHeight（scrollWidth）：获得网页正文全文高和宽，包含边线宽度。document.body.scrollTop（scrollLeft）：浏览器窗口顶部与文档顶部之间的距离（浏览器窗口与文档左侧之间的距离），也就是滚动条滚动的距离。

：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。

获取浏览器窗口的尺寸信息：使用JavaScript中 window 对象的 innerWidth 和 innerHeight 属性获取当前浏览器窗口的可视宽度和高度。

关于javascript获取页面宽度和javascript获取页面元素的方法的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。