via: http://www.cnblogs.com/tearer/archive/2010/09/06/1819471.html
<html>
<head>
<script type="text/javascript">function getInfo(){
var s = "";
s += " 网页可见区域宽："+ document.body.clientWidth+"\n";
s += " 网页可见区域高："+ document.body.clientHeight+"\n";
s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"\n";
s += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)"+"\n";
s += " 网页正文全文宽："+ document.body.scrollWidth+"\n";
s += " 网页正文全文高："+ document.body.scrollHeight+"\n";
s += " 网页被卷去的高(ff)："+ document.body.scrollTop+"\n";
s += " 网页被卷去的高(ie)："+ document.documentElement.scrollTop+"\n";
s += " 网页被卷去的左："+ document.body.scrollLeft+"\n";
s += " 网页正文部分上："+ window.screenTop+"\n";
s += " 网页正文部分左："+ window.screenLeft+"\n";
s += " 屏幕分辨率的高："+ window.screen.height+"\n";
s += " 屏幕分辨率的宽："+ window.screen.width+"\n";
s += " 屏幕可用工作区高度："+ window.screen.availHeight+"\n";
s += " 屏幕可用工作区宽度："+ window.screen.availWidth+"\n";
s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"\n";
s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"\n";
alert (s);
}
</script>
</head>
<body onload="getInfo();">
</body>
</html>
附：京东商城上根据分辨率调整页面的大小实例
<script type="text/javascript">if (screen.width>=1280){document.write("<style type='text/css'>.w{width:1200px;}.middle{width:766px;}.right-extra{width:983px;}#search{width:332px;padding:1px;}#i-search{width:257px;}#tie{width:257px;}#tie li{width:252px;}#key{width:228px;}#btn-search{background:none;}#hotwords{width:410px;}#service dl{width:192px;padding-left:39px;}#service .fore1{padding-left:20px;}#service .fore5{width:200px;}#service li{padding:0 35px;}#madding-1 dl{width:235px;}#madding-1 .p-price{right:50px;}.madding-2 li,.madding-3 li{width:239px;}#newpros .mc{width:766px;}#newpros .mc ul{width:766px;}#newpros li{width:235px;}#slide{width:766px;}#slide ul{width:766px;}#slide li{width:766px;}.special .mc{width:763px;}.special li{width:234px;}</style>");} </script>
相关推荐
获取当前对象大小以及屏幕分辨率等</title> <body> <div xss=removed id=div_html> [removed] var s = ; s += 网页可见区域宽：+ document.body.clientWidth+ ; s += 网页可见区域高：+ document....
在上述代码中，`getWindowManager()`获取到WindowManager服务，`getDefaultDisplay()`获取当前应用的默认Display对象，然后调用`getMetrics(displayMetrics)`方法填充DisplayMetrics对象。 - `widthPixels`和`...
这些对象提供了丰富的信息，包括但不限于浏览器类型、版本、语言设置、操作系统、屏幕分辨率等。下面我们将深入探讨这些对象及其属性。 1. **navigator对象**： `navigator`对象提供了有关用户浏览器的信息。一些...
在 HTML5 和 Android 应用开发中，获取当前屏幕的大小是至关重要的，以便适应不同设备的显示需求。以下是一些使用 JavaScript 获取屏幕大小的方法： 1. `screen.width` 和 `screen.height`： 这两个属性返回用户...
总结起来，JavaScript获取当前屏幕实时逻辑像素涉及到设备像素比、屏幕尺寸以及相关API的使用。通过理解这些知识点，开发者可以更好地优化网页在不同设备上的显示效果，尤其是对于高分辨率屏幕的适配。在"屏幕测试....
对于屏幕分辨率的适配，JavaScript的`window.innerWidth`和`window.innerHeight`属性可以帮助我们获取当前窗口的宽度和高度。根据这些值，我们可以计算出提示框的理想位置。考虑到响应式设计，可以使用CSS媒体查询(`...
在网页开发中，有时我们需要获取用户设备的一些详细信息，比如屏幕分辨率、颜色深度等，以便于优化网页布局和用户体验。这篇内容将详细介绍如何使用JavaScript获取客户端信息，特别是与显示屏幕相关的信息。 一、...
JavaScript（简称JS）是一种轻量级的解释型编程语言，广泛应用于网页和网络应用开发，包括处理用户交互、操作DOM（文档对象模型）、以及与服务器进行异步通信等任务。在网页开发中，我们有时需要获取用户的显示器...
在JavaScript中，我们可以使用内置对象`screen`来获取用户的显示器分辨率和屏幕尺寸。这个对象提供了多个属性，如`screen.width`和`screen.height`，分别返回浏览器窗口在水平和垂直方向上的像素数。这些属性可以...
screen对象包含了用户的屏幕信息，如屏幕分辨率、颜色深度等。开发者可以利用这些数据优化网页布局。例如，`screen.width`和`screen.height`分别表示屏幕的宽度和高度。 **5. history对象** history对象允许我们...
console.log("屏幕分辨率: " + width + "x" + height); ``` 3. 使用媒体查询（Media Queries）：CSS3引入了媒体查询，允许我们根据设备特征，如视口大小，来应用不同的样式。结合JavaScript，可以监听窗口大小的...
这段代码首先获取了ID为"warning"的警告元素，然后定义了一个最小分辨率对象。`checkResolution`函数负责比较当前窗口大小和最小分辨率，并根据比较结果调整警告框的可见性。最后，我们在页面加载完成后调用`...
- `window.screen.height` 和 `window.screen.width` 则提供了屏幕分辨率的高度和宽度，而不是浏览器窗口大小。 在定位元素时，还可以使用`scrollLeft`、`scrollWidth`、`clientWidth`、`offsetWidth`等属性，以及`...
JavaScript是一种运行在客户端的脚本语言，它可以访问浏览器提供的某些API来获取一些基本信息，如浏览器版本、操作系统类型、屏幕分辨率等。然而，由于安全限制，JavaScript通常无法直接访问用户的硬件信息，如CPU...
在移动设备上，由于屏幕尺寸和分辨率的多样性，图片大小的适配问题变得尤为重要。为了提供良好的用户体验，我们需要确保图片能够在不同分辨率的手机屏幕上自适应显示。本文将介绍一种使用JavaScript实现的解决方案，...
【前端开源库-get-res】是一个专门用于获取当前设备屏幕分辨率的JavaScript开源库。在现代Web开发中，由于设备种类繁多，屏幕尺寸各异，开发者需要能够动态适应不同分辨率的解决方案，以便提供良好的用户体验。get-...
4. `window.open()`：打开新窗口，可指定URL、窗口名称及特性（如大小、位置、是否显示工具栏等）。 5. `window.confirm()`：显示确认对话框，返回用户点击的按钮值（true或false）。 6. `window.prompt()`：显示一...
screen对象提供了用户屏幕的相关信息，如屏幕分辨率、颜色深度等。例如，`screen.width`和`screen.height`分别代表屏幕的宽度和高度。 五、event对象 在JavaScript事件处理中，event对象通常作为参数传递给事件...
5. `screen`：包含关于用户的屏幕分辨率、颜色深度等信息。 6. `setTimeout`和`clearTimeout`：用于设置延迟执行的函数，以及取消已设置的延迟任务。 7. `setInterval`和`clearInterval`：用于周期性执行函数，及...