`

JAVASCRIPT 获取WINDOW的一些高度宽度

JavaScript工作 
阅读更多

如何我javaScript获取窗口的高度和宽度
---------------------------------------------------------------

在javascript中得到当前窗口的高和宽
<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>

0
顶
0
踩
分享到：
| table 100%高度 自适应屏幕
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript 基础篇4 window对象，DOM

    设置或获取模式对话框的高度。 dialogLeft 设置或获取模式对话框的左坐标。 dialogTop 设置或获取模式对话框的顶坐标。 dialogWidth 设置或获取模式对话框的宽度。 frameElement 获取在父文档中生成 window 的 ...

    GetViewportWidth:一种使用JavaScript获取视口宽度的简单方法

    允许您使用JavaScript获取视口的宽度。 大多数人依赖window.innerWidth或document.documentElement.clientWidth，它们并不总是准确地报告CSS媒体查询中使用的视口宽度。 例如，Chrome中的视口宽度根据滚动条是否...

    php获取客户端电脑屏幕参数的方法

    分享给大家供大家参考。...通过javascript获取客户端电脑的宽度，高度，分辨率的方法如下： 屏幕分辨率的高： window.screen.height 屏幕分辨率的宽： window.screen.width 屏幕可用工作区高度： window.sc

    viewportSize:使用JavaScript获取CSS视口的大小

    允许您使用JavaScript获取CSS视口的宽度和高度。 作者：泰森Matanich - 执照：麻省理工学院 演示： ： 更多信息： : 测试： ： 我为什么要使用它？ 大多数人依赖window.innerWidth ， document....

    javascript常用对象梳理

    熟练掌握window对象的status、location、name、self、opener属性的使用　Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，...

    JavaScript详解(第2版)

    　12.6.2　改变图片的高度和宽度属性　 　12.7　应知应会　 　练习　 　第13章　事件处理　 　13.1　事件处理函数介绍　 　13.2　事件处理的内联模型　 　13.2.1　HTML和事件处理函数　 　13.2.2　设置事件处理函数...

    javascript获取网页各种高宽及位置的方法总结

    screen.availHeight //屏幕可用高度 屏幕的像素宽度减去系统部件宽度之后的值 window对象 获得窗口位置及大小 window.screenTop //窗口顶部距屏幕顶部的距离 window.screenLeft //窗口左侧距屏幕左侧的距离 window...

    JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合

    因为浏览器的兼容问题，如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅，并且兼容的解决方法。 获取浏览器和页面文档的宽度和高度 代码如下: //获取浏览器显示区域的高度 $(window)...

    谈谈JavaScript中浏览器兼容问题的写法小议

    前言 JavaScript中很多坑，其中对浏览器的兼容也是一个问题，本文就简略的归纳了部分针对浏览器...var msg = "窗口宽度：" + window.innerHeight + "\n窗口高度：" + window.innerWidth; alert&#40;msg &#41;; 2.在IE5

    JavaScript之浏览器对象_动力节点Java学院整理

    window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高。 兼容性：IE&lt;=8不支持。 // 可以调整浏览器窗口...

    viewportwidth.js:一种确定准确的跨浏览器视口宽度的解决方案

    window.innerWidth可以在这些浏览器中一致使用以获取视口宽度。 Chrome 40+ Safari 7.1+ 火狐 36+ 歌剧 27+ 浏览器 9+ 为什么我需要这个？ 有时您希望将 JavaScript 功能与 CSS 媒体查询断点同步。 使用 ...

    浅谈javascript属性onresize

    浅谈javascript属性onresize //获取屏幕宽度并动态赋值 var winWidth = 0; var winHeight = 0; function findDimensions() //函数：获取尺寸 { //获取窗口宽度 ...//获取窗口高度 if (window.innerHeigh

    ExtJS4中文教程2 开发笔记 chm

    Edit Grid限制编辑 ...JavaScript获取文本框光标的像素位置 js函数match、exec、test、search、replace、split使用介绍 技巧：Javascript使用隐藏的new来创建对象 禁止页面全选复制，兼容多种浏览器

    JavaScript Table行定位效果

    table的border属性用来指定边框宽度，table特有的frame属性是用来设置或获取表格周围的边框显示的方式。 w3c的tabel的frame部分说明frame可以是以下值： void: No sides. This is the default value. above: The ...

    Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码

    /**获得屏幕宽度**/ ScreenWidth: function () { return window.screen.width; }, /***获得屏幕高度**/ ScreenHeight: function () { return window.screen.height; }, /**获得浏览器***/ Browse: ...

    js使用小技巧

    s += " 屏幕可用工作区高度："+ window.screen.availHeight; s += " 屏幕可用工作区宽度："+ window.screen.availWidth; //过滤数字 &lt;input type=text onkeypress="return event.keyCode&gt;=48&&event.keyCode||...

    JavaScript 空间坐标的使用

    视口坐标需要知道滚动条位置才可以进行计算，有以下几种方式获取滚动位置 方法 说明 注意 window.innerWidth 视口宽度 包括滚动条（不常用） window.innerHeight 视口高度 包括滚动条（不常用） document....

    ExtAspNet_v2.3.2_dll

    -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性，如果希望两个按钮在一行显示，请为第一个按钮设置CssStyle=...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性，如果希望两个按钮在一行显示，请为第一个按钮设置CssStyle=...

Magicbox
Global site tag (gtag.js) - Google Analytics