`

js 页面宽度

    博客分类：
  • js
工作 
阅读更多
<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>
分享到：
| 巧用样式表，让文本框与按钮变个样
评论
发表评论

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

相关推荐

    HTML5-JS 超出页面宽度部分的菜单栏转为下拉列表.rar

    本示例“HTML5-JS 超出页面宽度部分的菜单栏转为下拉列表.rar”提供了一个解决方案，它利用HTML5和JavaScript技术，将超出页面宽度的部分自动转换为下拉菜单，从而提高用户体验。 首先，我们来看HTML5在这个场景中...

    页面出现滚动条的时候如何让滚动条不影响页面宽度

    在网页设计中，当页面内容超出了可视区域的宽度时，浏览器会自动添加水平滚动条以允许用户水平滚动查看隐藏的内容。然而，滚动条本身会占用一定的空间，这可能会导致页面宽度缩小，从而影响布局的整体美观性。为了不...

    自适应网页宽度的js焦点图左右切换特效.rar

    【自适应网页宽度的js焦点图左右切换特效】是一种常见的网页设计元素，它通常用于展示一组图片或内容，用户可以通过点击或自动轮换来浏览。在本案例中，这个特效是利用jQuery库实现的，jQuery是一个广泛使用的...

    javascript获取滚动条高度 页面宽度与高度

    ### JavaScript 获取滚动条高度、页面宽度与高度 在前端开发中，经常需要处理与浏览器窗口相关的操作，例如响应式设计、动态布局调整等。本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 ...

    超宽度同比例缩小JS

    "超宽度同比例缩小JS"是一种JavaScript技术，用于解决图片在网页中加载时可能出现的过大或不适应屏幕尺寸的问题。当图片的原始尺寸超过预设的最大显示尺寸（例如600X300像素）时，这种技术会自动将图片按比例缩放，...

    JS手动改变table的宽度

    在网页设计中，JavaScript（JS）是一种常用的客户端脚本语言，用于增强用户的交互体验和动态更新页面内容。本文将深入探讨如何使用JavaScript手动改变HTML表格（table）的宽度，并结合鼠标选中文字查询功能，为用户...

    js拖动表格宽度

    在JavaScript（JS）中实现“拖动表格宽度”的功能，主要涉及到事件监听、DOM操作以及浏览器兼容性处理。以下是对这一技术的详细解释： 一、基础概念 1. **事件监听**：在JavaScript中，我们可以使用`...

    JavaScript tab标签 自适应宽度的标签导航

    在前端开发中，JavaScript Tab标签是一种常见的用户界面元素，它用于组织和展示多部分内容，而自适应宽度的标签导航则是为了确保在不同设备和屏幕尺寸下都能提供良好的用户体验。本篇将深入探讨如何使用JavaScript...

    js实现自适应宽度的tab标签导航

    在网页设计中，Tab标签导航是一种常见的用户界面元素，它能有效地组织和展示大量信息，同时保持页面的清晰和简洁。本文将详细讲解如何使用JavaScript实现一个自适应宽度的Tab标签导航。 首先，我们需要理解Tab导航...

    JS获取浏览器的高度和宽度

    在JavaScript中，获取浏览器的高度和宽度是常见的需求，这在进行网页布局、动态调整元素尺寸或者实现滚动事件处理时尤其重要。以下将详细介绍如何通过JavaScript获取这些信息，并探讨不同浏览器间可能存在的差异。 ...

    DIV分栏宽度可以左右拖动变化的JS代码

    总之，实现 `DIV` 分栏宽度可拖动变化的JS代码是一项增强网页互动性和用户体验的任务。通过理解事件处理、CSS布局和JavaScript的基本原理，我们可以创建出动态且响应式的页面元素。这个功能在数据展示、比较视图等...

    jQuery+js 实现Table表格可任意拖动调整列宽度大小 适用于列表页等表头拖动宽度设置

    本文将详细介绍如何使用jQuery和JavaScript技术来实现在网页上的Table表格中，通过拖动表头来任意调整列宽度的功能，这个功能适用于各种列表页面，如数据展示、报表分析等场景。 首先，我们需要引入jQuery库，它是...

    iframe根据页面内容自适应高度和宽度

    在网页开发中，`iframe`（Inline Frame）是一种嵌入其他网页的标签，常用于将外部内容如视频、地图或文章等内容嵌入到当前页面中。然而，由于`iframe`的大小固定，当嵌入的页面内容高度或宽度超过`iframe`设定的尺寸...

    原生js div设置宽度_div设置背景颜色代码

    在JavaScript（JS）中操作HTML元素，特别是对`div`这样的块级元素进行宽度和背景颜色设置，是前端开发中的基本操作。这篇文章将详细介绍如何使用原生JavaScript来完成这两个任务。 首先，我们要知道HTML `div`元素...

    javascript 获取网页高度宽度.pdf

    在JavaScript中获取网页的高度和宽度是常见的需求，这有助于我们进行页面布局、滚动条处理或者自适应设计。以下是一些关于如何使用JavaScript获取网页高度、宽度以及滚动位置的关键知识点。 1. **获取窗口滚动位置...

    当当购物车页面_当当购物车页面_html网页购物车_js当当购物车_

    3. JavaScript（JS）：JavaScript是动态网页的核心，用于处理用户交互、更新页面内容、验证数据等。在购物车页面中，JavaScript的主要作用包括： - 动态更新：当用户修改商品数量或选择商品时，JavaScript可以实时...

    又一个很好的js控制实现动态拖动表格宽度的例子

    在JavaScript和CSS的世界里，动态地调整表格宽度是一项常见的需求，尤其在用户交互丰富的Web应用中。这个例子提供了一个高效且直观的方法，让用户能够通过鼠标拖动来改变表格的列宽，从而提升用户体验。下面我们将...

    使用JS+CSS实现DIV层自适应高度和宽度

    在网页设计中，DIV层的自适应高度和宽度是非常重要的，因为它可以使网页适应不同的浏览器大小和分辨率，从而提高用户体验。以下是使用JS+CSS来实现DIV层自适应高度和宽度的知识点： 一、CSS基础知识 在开始之前，...

    js获取浏览器高度和宽度值(多浏览器)

    在JavaScript中，获取浏览器的高度和宽度是常见的需求，特别是在页面布局、动态内容调整或响应式设计中。这个主题涉及到浏览器的兼容性问题，因为不同的浏览器可能有不同的API来获取这些信息。以下是一些主要的知识...

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