`

js 获取 分辨率等数值

阅读更多

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

JS获取当前对象大小以及屏幕分辨率等

分享到:
评论

相关推荐

    JS判断浏览器分辨率调用不同css样式

    3. **JavaScript库**:使用如jQuery等库提供的工具函数,可以更方便地获取屏幕尺寸,并进行逻辑判断。 总之,在实践中可以根据项目的具体需求选择最合适的解决方案。对于简单的项目,原始的JavaScript方法已经足够...

    JS仪表盘JS仪表盘

    在这个例子中,"gaugeId"是HTML元素的ID,"getRandomValue()"是获取随机数值的函数,其他参数定义了仪表的范围、标题和是否显示最小值和最大值。 总的来说,JS仪表盘和JustGage库是数据可视化领域的重要工具,它们...

    jscontour.rar_gdcla.js_javascript等值线_jscontour_等值线

    等值线,又称为等高线或等温线,是连接具有相同数值特征的点的一系列线,它们可以帮助我们直观地理解空间上的数据分布。在Web应用中,JavaScript库如`jscontour`提供了方便的方式来生成这样的图形。 `gdcla.js`和`...

    使用JavaScript增强交互效果

    - **屏幕对象**:`screen`对象包含了有关用户屏幕的信息,如分辨率等。 - **历史记录对象**:`history`对象可以用来操作浏览器的历史记录,如前进、后退等。 - **位置对象**:`location`对象用于获取或设置当前页面...

    JS UI控件 动态折线图

    JavaScript UI控件是Web开发中的重要组成部分,它们用于创建丰富的用户界面,提升用户体验。动态折线图是一种常见的数据可视化工具,常用于展示随时间变化的趋势数据。在这篇文章中,我们将深入探讨JS UI控件如何...

    100多个很有用的JavaScript函数以及基础写法汇总

    46. 引入外部JS文件:`&lt;script type="text/javascript" src="aaa.js"&gt;&lt;/script&gt;`。 47. `noscript` 标签用于在不支持JavaScript的浏览器中显示内容。 48. `location.href` 用于改变当前页面的URL。 49. `onsubmit` ...

    js 获取屏幕各种宽高的方法(浏览器兼容)

    在Web开发中,获取屏幕和网页元素的各种宽高信息是常见的需求,以便进行页面布局、元素定位和动态调整等操作。JavaScript为此提供了丰富的接口,但不同的浏览器对这些接口的支持度有所差异,这就要求开发者编写兼容...

    JS获取页面窗口大小的代码解读

    在本节内容中,将详细解读如何使用JavaScript来获取网页浏览器窗口的大小。随着浏览器窗口尺寸的变化,页面上将实时显示窗口当前的宽度和高度数值。 首先,获取窗口尺寸的实现依赖于不同浏览器的特定属性或方法。...

    js相册图片动感缩放显示广告代码

    在JavaScript(JS)编程中,实现相册图片的动感缩放显示效果是一种常见的需求,尤其在网站设计和广告展示中。这种效果能够增加用户的交互体验,使内容更加生动有趣。本篇文章将深入探讨如何利用JavaScript实现这样的...

    按比例缩放图片,JavaScript代码.rar

    下面,我们将深入探讨如何使用JavaScript进行图片的等比例缩放。 1. **HTML 图片元素** 在HTML中,我们通常使用`&lt;img&gt;`元素来展示图片,并通过`src`属性指定图片的URL。例如: ```html 示例图片"&gt; ``` 2. **...

    JavaScript 权威指南(第四版)

    - **1.6 客户端 JavaScript 库**:列举并简要介绍了常用的 JavaScript 库,如 jQuery、React.js 等。 - **1.7 JavaScript 安全性**:探讨了在开发过程中如何确保 JavaScript 代码的安全性,防止恶意攻击。 - **1.8 ...

    107个常用Javascript语句

    - `&lt;head&gt;`:包含元数据、样式表等非展示性内容。 - `&lt;body&gt;`:包含页面可见内容。 #### 4. 一个浏览器窗口中的DOM顺序 浏览器窗口中的文档对象模型(DOM)树按照以下层次构建: - `window`:浏览器窗口对象,...

    javript环形效果的仪表盘插件_javascript_

    5. **API接口**:一个好的插件应该提供一个简单易用的API,允许开发者设置各种属性,如初始值、颜色、动画速度等,并能够方便地与其他JavaScript库集成。 6. **响应式设计**:现代网页需要适应不同屏幕尺寸,所以...

    js数字滚动展示效果,人数统计滚动效果

    在网页设计中,动态的数字滚动展示效果常常用于呈现实时数据更新,比如在线人数统计、股票数据、访问量等。这种效果能吸引用户的注意力并提供更直观的数据展示方式。本项目将聚焦于如何使用JavaScript实现这样的功能...

    javascript 常用验证函数.doc

    JavaScript是一种广泛应用于Web开发的脚本语言,它主要用于在客户端进行数据验证、用户交互和页面动态更新等操作。本文将详细介绍JavaScript中的一些常用验证函数,这些函数对于确保用户输入的有效性和提高用户体验...

    odometer-0.4.6_javascript_数字翻页_

    "odometer-0.4.6"是一个专为JavaScript设计的数字翻页库,它允许开发者在网页上创建出如同翻书般的数字动态变化效果,尤其适用于大屏幕展示,如统计信息、计时器或者实时数据更新等场景。 JavaScript是一种广泛使用...

    asp读取数据库中数据生成统计折线图

    数据点可能包含时间戳、数值等信息,这些信息将决定折线图的X轴和Y轴坐标。 5. **图表库**:ASP本身并不直接支持绘制图形,所以我们需要借助第三方库,如Chart.js、Highcharts、Google Charts等JavaScript库。这些...

    JavaScript网页特效范例宝典源码

    实例031 根据用户分辨率自动调整窗口 48 1.5 窗口的其他效果 49 实例032 打开窗口时显示对话框 50 实例033 使窗口背景透明 50 实例034 立体窗口 52 实例035 动态标题栏 53 实例036 固定大小的窗口 54 1.6 框架的应用...

    HTML5 Canvaswxbszxt.zip

    1. **Canvas基本使用**:理解如何在HTML中创建`&lt;canvas&gt;`元素,并通过JavaScript获取其`2d`绘图上下文(`canvas.getContext('2d')`)。 2. **数据获取**:项目可能演示了如何从微信接口获取用户的运动步数数据,这...

Global site tag (gtag.js) - Google Analytics