js获取对象或当前窗口高度和宽度(转)

最新推荐文章于 2023-07-06 11:49:23 发布
最新推荐文章于 2023-07-06 11:49:23 发布
阅读量397 收藏
点赞数
分类专栏： javascript



标签元素的宽高值获取

//绝对宽度
Obj.offsetWidth
//绝对高度
Obj.offsetHeight

页面窗口的宽度和高度获取

<body><SCRIPT LANGUAGE="JavaScript"> 
var s = ""; 
s += "\r\n网页可见区域宽："+ document.body.clientWidth; 
s += "\r\n网页可见区域高："+ document.body.clientHeight; 
s += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线和滚动条的宽)"; 
s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)"; 
s += "\r\n网页正文全文宽："+ document.body.scrollWidth; 
s += "\r\n网页正文全文高："+ document.body.scrollHeight; 
s += "\r\n网页被卷去的高："+ document.body.scrollTop; 
s += "\r\n网页被卷去的左："+ document.body.scrollLeft; 
s += "\r\n网页正文部分上："+ window.screenTop; 
s += "\r\n网页正文部分左："+ window.screenLeft; 
s += "\r\n屏幕分辨率的高："+ window.screen.height; 
s += "\r\n屏幕分辨率的宽："+ window.screen.width; 
s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight; 
s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth; 
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"; 
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"; 
alert(s); 
</SCRIPT>


转载地址：http://hi.baidu.com/shiryu963/blog/item/633a46d3587a7cd7a8ec9a26.html

qq412796770
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js获取浏览器宽度高度（整理）
天马3798
12-10 1万+
● window.innerHeight： 浏览器内页面可用高度，此高度包含了水平滚动条的高度(若存在)。● window.innerWidth： 浏览器内页面可用宽度，此宽度包含了垂直滚动条的宽度(若存在)。● window.outerWidth： 浏览器宽度，包含了浏览器边框所以这种方式不常用。一般情况作为前端获取浏览器宽度，主要是指获取body的宽度，可操作的可视范围宽度。重点，jquery获取的宽度=浏览器的可视宽度-滚动条的宽度（如果有滚动条）
js获取浏览器和屏幕的各种宽度高度
01-19
一：网页可见区域宽高，不包括工具栏和滚动条（浏览器窗口可视区域大小） 1.对于IE9+、chrome、firefox、Opera、Safari： window.innerHeight浏览器窗口的内部高度； window.innerWidth浏览器窗口的内部宽度； 2....
document.body、document.documentElement和window获取视窗大小的区别
淡忘~浅思
10-03 3454
在w3school关于window对象的介绍中，介绍了获取浏览器窗口大小的三种方法（浏览器的视口，不包括工具栏和滚动条）。 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari： window.innerHeight – 浏览器窗口的内部高度 window.innerWidth – 浏览器窗口的内部宽度 对于 Internet Explorer 8、7、6、5： document.documentElement.clientHe
获取网页和浏览器窗口的宽度和高度
丽丽大神ing的博客
10-24 1327
情况一： // 获取浏览器窗口可视区域的宽度 不包含滚动条 var width=document.body.clientWidth; // 获取网页内容的实际高度 var height=document.body.clientHeight; console.log(width,height); 情况二： // 获取浏览器窗口可视区域的宽度 包含滚动条 var w...
前端页面获取浏览器窗口的几个高度
weixin_43099985的博客
11-25 2270
我的设备有两个，一个高度为1080的显示器，一个高度为800的电脑   第一种：window.screen.height 这个方法是获取用户电脑屏幕的高度，是不关浏览器或者顶部工具栏跟底部工具栏的高度的 当我在高度为1080的我的显示屏屏幕上打印 window.screen.height 1080 当我在我的电脑上打印 window.screen.height 800 是的 ，...
js获取屏幕、浏览器、页面的宽度和高度
m0_60316162的博客
07-06 2147
window、document.body和document.documentElement区别 window是浏览器的窗口，他是一个顶层对象，保存着 DOM，BOM，核心JS 等所有内容，而不是另一个对象的属性； document对象是window的子属性，是当前显示于窗口或框架内的一个文档。 documentElement是整个节点树的根节点root，即<html>； body是DOM对象里的body子节点，即body标签，包含在<html>内部； 在标准浏览器里面，h
JS获取屏幕高度的简单实现代码
11-22
window对象的innerwidth属性包含当前窗口的内部宽度。window对象的innerheight属性包含当前窗口的内部高度。 document对象的body属性对应html文档的标签。document对象的documentelement属性则表
JS获取页面窗口大小的代码解读
12-02
本节代码主要使用了Document对象... Window对象的innerWidth属性包含当前窗口的内部宽度。Window对象的innerHeight属性包含当前窗口的内部高度。 Document对象的body属性对应HTML文档的<body>标签。Document对
javascript常用对象梳理
06-23
功能：将当前窗口改变成(x,y)大小，x、y分别为宽度和高度。 14. scrollBy方法 语法格式： window.scrollBy(水平位移量，垂直位移量) 功能：将窗口中的内容按给定的位移量滚动。参数为正数时，正向滚动，否则反 ...
LHGDialog V3.5.2 正式版 lhgDialog弹出窗口组件 lhgdialog V3.5.2
12-28
curDoc ：窗口调用页面的document对象也就是加载lhgdialog.min.js的页面的document对象，如果不是在框架中弹出它和topDoc是相等的。 dgWin ：内容页的window对象如果参数为page，且link参数不为真，那这个就是内容...
关于位置的js代码！梅花老大给的
weixin_34326429的博客
01-06 111
<html><body><SCRIPT LANGUAGE="JavaScript"> var s = ""; s += "\r\n网页可见区域宽："+ document.body.clientWidth; s += "\r\n网页可见区域高："+ document.body.clientHeight; s += "\r\n网页可见区域宽："+ docu...
html、body、document、window 的区别
明天也要努力的博客
07-06 1706
在 JavaScript 中：window 对象是一个虚拟的对象，浏览器在打开 HTML 文档时生成 window 对象，可以把它看作是所使用的浏览器的窗口，其地位很高。因为它是浏览器脚本引擎中的 globalObject。可以用 window 对象访问窗口中绘制的文档、窗口中发生的事件和影响窗口的浏览器特性。浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。BOM的核心对象是 window，它表示一个实例。在浏览器中，window 对象有双重角色，它既
div：如何解决相对宽度和绝对宽度冲突
yunduanaoligei的博客
10-12 262
今天分享下”div：如何解决相对宽度和绝对宽度冲突“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 相对宽度和绝对宽度冲突时的div解决方法 摘要：一般我们在使用绝对宽度时会使用px，相对宽度时会使用%，但是要是同时使用绝对宽度和相对宽度时该怎么办呢？ 我们通过一道例题来讲解今天的内容： 1.完成图片上的题目要求 2.尝试提供这样一种方案，使得宽度与屏幕等宽，布局大体与1类似，并且保证你无论怎么调整浏览器的宽度，都可
JS获取浏览器可视区域宽高
qq_2411868438的博客
04-27 4996
写在前面 浏览器可视区域宽高并不就等于浏览器窗口宽高，而是除去顶部标签栏+滚动条(如果有)+控制台(如果有f12打开)之外的尺寸大小 因为比较简单所以直接上代码： let w, h; // 对于ie9以上浏览器（手机浏览器，一直是保持最新内核标准，当然也支持这种方式获取） w = window.innerWidth; h = window.innerHeight // 对于ie9以下 w = document.documentElement.clientWidth; h = do...
html 怎么获取页面的高度和宽度,获取html标签元素的宽度高度的值
weixin_31480911的博客
06-04 1578
获取html标签元素的宽度高度的值文章作者：网友投稿　发布时间：2009-11-04 17:06:38　来源：网络标签元素的宽高值获取 //绝对宽度 Obj.offsetWidth //绝对高度 Obj.offsetHeight 以下是获取窗口对象的宽高值。 clientHeight 获取对象的高度，不计算任何边距、边框、滚动条，但包括该对象的补白。 clientLeft 获取 offsetLef...
前端获取各种宽高
chauncywu的博客
12-10 2143
本文原地址 图片仅供参考，由于部分属性各个浏览器解释不一致，有些错误，等研究透后再修改。 1. 获取浏览器宽高 window.innerHeight： 浏览器内页面可用高度；此高度包含了水平滚动条的高度(若存在)。可表示为浏览器当前高度去除浏览器边框、工具条后的高度。 window.outerHeight： 浏览器高度。 window.innerWidth： 浏览器内页面可用宽度；此宽度包含...
JS获取各种屏幕的宽度和高度
m0_48524046的博客
12-09 7011
JS获取各种屏幕的宽度和高度
JavaScript获取浏览器高度和宽度值
weixin_46809332的博客
09-09 270
IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中： document.body.clientWidth ==> BODY对象宽度 document.b.
HTML+CSS相对宽度和绝对宽度冲突时的div解决方法
Super_Tiger_Lee的博客
07-16 5239
一般我们在使用绝对宽度时会使用px，相对宽度时会使用%，但是要是同时使用绝对宽度和相对宽度时该怎么办呢？
react获取浏览器窗口长宽的完整代码
最新发布
08-07
在React中，获取浏览器窗口的长宽可以通过使用JavaScript的window对象来实现。下面是一个获取浏览器窗口长宽的完整代码示例： ``` import React, { useEffect, useState } from 'react'; const WindowDimensions =...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值