js获取浏览器 尺寸信息

最新推荐文章于 2024-01-02 07:57:42 发布
最新推荐文章于 2024-01-02 07:57:42 发布
阅读量64 收藏
点赞数
原文链接：http://www.cnblogs.com/alaricblog/p/3278199.html
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这段文档标记很重要

网页可见区域宽：document.body.clientWidth （不加文档标记的情况下）
网页可见区域宽：document.documentElement.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

转载于:https://www.cnblogs.com/alaricblog/p/3278199.html

weixin_30565199
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js获取浏览器基本信息大全
12-03
在JavaScript中，获取浏览器基本信息是非常常见的需求，这包括浏览器窗口的尺寸、可视区域、滚动位置以及屏幕分辨率等。以下是一些关键知识点的详细说明： 1. **网页可见区域**： - `document.body.clientWidth`：...
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
10-21
在本文中，我们将深入探讨如何使用JavaScript获取浏览器高度、窗口高度、元素尺寸以及元素的偏移属性。这些都是前端开发中常见的需求，理解并掌握这些方法对于优化用户体验至关重要。 首先，我们来看如何获取浏览器...
JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度(个人收藏)
gyueh的博客
03-11 358
网址：https://www.cnblogs.com/wujindong/p/5592908.html 相关信息 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offset...
浏览器chrome如何查看页面的尺寸？调整控制台的位置？手机端的页面浏览？
吃醋不爱蘸饺子的胡诌乱造
04-16 1万+
直接正题了 1. 页面尺寸的查看： 直接打开控制台（f12或者右键然后检查）；调整页面尺寸时右上角会有提示页面的尺寸 2. 控制台的位置调整： 打开控制台后有dockside（chrome浏览器）然后点击后就可以调整了就是下图这个样子有四种位置可以选择 3. 手机端页面浏览 其实就是两个按钮的位置如下图（一个是页面选取后可以找到指定元素，一个就是手机端尺寸的网页浏览） ...
js如何获得浏览器的宽高
最新发布
zhang20040217的博客
01-02 946
返回的是视口的尺寸，不包括滚动条。如果你只关心视口的大小，那么使用后者可能更合适。来获取视口（viewport）的宽度和高度。返回的是浏览器窗口的尺寸，包括滚动条（如果存在的话）。属性来获取浏览器窗口的宽度和高度，或者使用。在JavaScript中，可以使用。
各种宽高
dianjuqian8222的博客
11-02 217
Javascript: IE中：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==&g...
js获取窗口浏览器的大小
qq_46015513的博客
02-17 782
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
JavaScript 获取浏览器的显示区域大小信息
09-08
本文将详细介绍如何使用JavaScript来获取浏览器显示区域的相关尺寸信息。 #### 一、关键概念解析 在开始之前，我们先来了解几个关键的概念： - **Client Size**：表示可视区域的宽度和高度。 - **Offset Size**：...
js获取浏览器的可视区域尺寸的实现代码
10-28
本文将详细讲解如何利用JavaScript获取浏览器可视区域的宽度和高度，并对比不同浏览器之间的差异。 首先，我们可以使用`window`对象的两个属性`innerWidth`和`innerHeight`来获取浏览器的可视区域尺寸。这两个属性...
js监听html页面大小变化,JS监听窗口变化实时获取浏览器窗口大小
weixin_33705384的博客
06-03 1万+
原理：通过监听窗口的变化来动态获取窗口大小用到的方法：addEventListener() 监听window的resize事件js代码：// 定义事件侦听器函数function watchWindowSize() {// 获取窗口的宽度和高度，不包括滚动条var w = document.documentElement.clientWidth;var h = document.documentEl...
JS 获取浏览器窗口大小
weixin_34221276的博客
12-19 602
常用: JS 获取浏览器窗口大小 // 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) &amp;&amp; (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口...
js获取浏览器宽度
艾小逗
02-12 5364
js获取窗口宽度 function getWidth() { var winWidth; if(window.innerWidth) { winWidth = window.innerWidth; } else if((document.body) &amp;&amp; (document.body.clientWidth)) { winWidth = document.body.c...
区分js获取浏览器尺寸
Is_zhangzhangzhang的博客
07-16 280
在js获得窗口尺寸时分别有：        1.clientWidth/clientHeight      2.scrollWidth/scrollHeight      3.offsetWidth/offsetHeight 1.但是clientWidth/clientHeight又有分：     1） document.documentElemet.clientWidth/cl
用javascript获取屏幕信息
静静的生命
08-31 650
网页可见区域宽：document.body.clientWidth;网页可见区域高：document.body.clientHeight;网页可见区域宽：document.body.offsetWidth; (包括边线的宽)网页可见区域高：document.body.offsetHeight; (包括边线的宽)网页正文全文宽：document.body.scrollWidth;网页正文全文高：do
JS监听窗口变化及获取页面大小
Sleeping_Fairy的博客
07-12 8425
JS监听窗口变化及获取页面大小一、页面初始化二、页面大小改变时大致思路：一、页面分为三个部分，上中下二、先获取页面总高度，然后每个部分按照百分比进行计算三、盒子设置 box-sizing属性，用来计算的实际高度 = 页面总高度 - 盒子外部总 margin；四、单个区域的高度 = 实际高度 * 百分比五、单个区域内部变化高度 = 单个区域高度 - 单个区域内部固定高度 今天做页面兼容的时候突然遇到这个问题，就简单写写； 监听页面大小改变主要注意两方面，一个是初始化的时候，另一个是页面大小改变的时候重新设置；
js中获取浏览器和屏幕高度
ddr66288的博客
03-15 198
Javascript: IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeig...
JS兼容所有浏览器获取浏览器高度和宽度
u014798510的博客
08-19 4348
var w = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
前端如何获取浏览器窗口的尺寸
前端小白菜
07-22 6211
获取浏览器窗口尺寸最全兼容性解决方案
用JS或者jQuery监听 浏览器窗口大小的变化事件
热门推荐
hoonr的专栏
07-05 5万+
$(window).resize(function () {          //当浏览器大小变化时     alert($(window).height());          //浏览器时下窗口可视区域高度     alert($(document).height());        //浏览器时下窗口文档的高度     alert($(document.body)
js怎么样获取浏览器打印尺寸大小
03-31
JavaScript无法直接获取浏览器打印尺寸大小。但是，可以通过CSS media查询来设置打印样式，从而控制打印尺寸。例如： ```css @media print { /* 设置打印样式 */ body { width: 21cm; height: 29.7cm; } } ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值