JS获取显示器的尺寸
时间: 2023-09-22 09:07:33 浏览: 42
可以使用JavaScript中的`window.screen`对象来获取显示器的尺寸信息。具体来说,可以使用以下代码获取屏幕的宽度和高度:
```javascript
var screenWidth = window.screen.width;
var screenHeight = window.screen.height;
```
如果你想获取可用窗口的大小(即不包括操作系统工具栏等边框),可以使用以下代码:
```javascript
var availableWidth = window.screen.availWidth;
var availableHeight = window.screen.availHeight;
```
需要注意的是,这些参数的返回值单位是像素。
相关问题
js 获取元素实际尺寸
可以使用 `offsetWidth` 和 `offsetHeight` 属性来获取元素的实际尺寸,包括边框和内边距,单位为像素。例如:
```javascript
var element = document.getElementById("myElement");
var width = element.offsetWidth;
var height = element.offsetHeight;
console.log("Width: " + width + "px, Height: " + height + "px");
```
还可以使用 `getBoundingClientRect()` 方法获取元素的位置和尺寸信息,包括边框、内边距和滚动条的大小。例如:
```javascript
var element = document.getElementById("myElement");
var rect = element.getBoundingClientRect();
console.log("Width: " + rect.width + "px, Height: " + rect.height + "px");
```
需要注意的是,`getBoundingClientRect()` 返回的尺寸信息是相对于视口的,而不是相对于文档的。如果需要计算相对于文档的尺寸信息,可以加上滚动条的偏移量。
js获取图片原始尺寸
可以使用Image对象的naturalWidth和naturalHeight属性来获取图片的原始尺寸,示例代码如下:
```javascript
var img = new Image();
img.onload = function() {
console.log('原始尺寸:' + img.naturalWidth + ' x ' + img.naturalHeight);
};
img.src = '图片地址';
```
其中,onload事件会在图片加载完成后触发,此时可以获取到图片的原始尺寸。请将代码中的“图片地址”替换为你需要获取原始尺寸的图片地址。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)