js中获取宽高

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

原文地址:https://www.cnblogs.com/chbyiming-bky/p/9065875.html

时间: 2024-10-10 03:49:48

js中获取宽高的相关文章

Adatper中获取宽高为0的问题

但是我们想在getView()中获取ImageView的宽和高存在问题,在getView()里面刚开始显示item的时候利用ImageView.getWidth() 获取的都是0,为什么刚开始获取不到宽和高呢,因为我们使用LayoutInflater来将XML布局文件Inflater()成View的时候,View并没有显示在界面上面,表明并没有对View进行onMeasure(), onLayout(), onDraw()等操作,必须等到retrue convertView的时候,表示该item

js中各种宽高

各种宽高 Javascript: IE中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度FireFox中:document.body.clientWidth ==> BODY对象宽度

JS中的宽高(基础知识很重要)

IE中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度FireFox中:document.body.clientWidth ==> BODY对象宽度document.body.cli

js实现未知宽高的元素在指定元素中垂直水平居中

js实现未知宽高的元素在指定元素中垂直水平居中:本章节介绍一下如何实现未知宽高的元素在指定元素下实现垂直水平居中效果,下面就以span元素为例子,介绍一下如何实现span元素在div中实现水平垂直居中效果,代码如下: <!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.soft

js 和 jquery 里面几个获取宽高的调查

罗列下 js 和 jquery 里面获取宽高的方法: obj.offsetWidth = $obj.outerWidth()  // offsetWidth obj.clientWidth = obj.scrollWidth // offsetWidth - border - scrollbar $obj.width()                                   // offsetWidth - border - padding 基本是这样(当然测试的过程复杂得多,移动

JS中获取 DOM 元素的绝对位置实例详解

在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置,例如 本文 左侧的悬浮导航,当页面滚动到它以前会正常地渲染到文档流中,当页面滚动超过了它的位置,就会始终悬浮在左侧. 本文会详述各种获取 DOM 元素绝对位置 的方法以及对应的兼容性.关于如何获取 DOM 元素高度和滚动高度,请参考视口的宽高与滚动高度 一文. 概述 这些是本文涉及的 API 对应的文档和标准,供查阅: API 用途 文档 标准 offsetTop 相对定位容器的位置 MDN CSSOM View Module clien

JS和jQuery宽高详解(上篇)

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; text-align: justify; font: 12.5px "Trebuchet MS" } li.li1 { margin: 0.0px 0.0px 0.0px 0.0px; text-align: justify; font: 12.5px "Trebuchet MS" } span.s1 { } span.s2 { font: 12.0px Helvetica } ol.o

js中获取时间new date()的用法

js中获取时间new date()的用法 获取时间:   var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMonth(); //获取当前月份(0-11,0代表1月) 4 myDate.getDate(); //获取当前日(1-31) 5 myDate.getDay();

60秒验证码倒计时js代码 js样式代码 方块上下左右随机移动(定时器) js中获取元素的方法 js中表单提交

60秒验证码倒计时js代码 <script type="text/javascript"> var countdown=60; function settime(val) { if (countdown == 0) { //removeAttribute() 方法删除指定的属性. disabled属性规定应该禁用 input 元素. val.removeAttribute("disabled"); val.value="免费获取验证码"