获取浏览器和设备的宽、高

/*获取设备及浏览器的等的高度和宽度  */
        var height1=window.screen.height;
        var width1=window.screen.width;

        var height2=window.screen.availHeight;
        var width2=window.screen.availWidth;

        var height3=window.screenTop;
        var left3=window.screenLeft;

        var height4=document.body.clientHeight;
        var width4=document.body.clientWidth;

        var height5=document.body.offsetHeight;
        var width5=document.body.offsetWidth;

        var height6=document.body.scrollHeight;
        var width6=document.body.scrollWidth;

        var height7=document.body.scrollTop;
        var left7=document.body.scrollLeft;

        document.write("屏幕的分辨率高度"+height1);
        document.write("<br/>屏幕分辨率宽度"+width1);

        document.write("<br/>屏幕可用工作区域高度"+height2);
        document.write("<br/>屏幕可用工作区域宽度"+width2);

        document.write("<br/>网页正文部分上"+height3);
        document.write("<br/>网页正文部分左"+left3);

        document.write("<br/>网页可见区域高度"+height4);
        document.write("<br/>网页可见区域宽度"+width4);

        document.write("<br/>网页可见区域高度包括边框"+height5);
        document.write("<br/>网页可见区域宽度包括边框"+width5);

        document.write("<br/>网页正文高度"+height6);
        document.write("<br/>网页正文宽度"+width6);

        document.write("<br/>网页被卷去的高"+height7);
        document.write("<br/>网页被卷去的左"+left7+"<br/>");

详细解释:

原文链接:http://blog.csdn.net/nikita1995/article/details/52063549

原文地址:https://www.cnblogs.com/WQLong/p/8134175.html

时间: 2024-08-30 02:19:10

获取浏览器和设备的宽、高的相关文章

js获取屏幕(设备)宽高

平常获取设备的宽高无非就那几 <script language="javascript"> var h = ""; h += " 网页可见区域宽:"+ document.body.clientWidth; h += " 网页可见区域高:"+ document.body.clientHeight; h += " 网页可见区域宽:"+ document.body.offsetWidth +"

JS获取浏览器中的各种宽高值

width: clientWidth:对象实际内容的宽度,不包含边线,最大不超过视口宽度 offsetWidth:对象实际宽度,包含边线,最大不超过视口宽度 scrollWidth:对象实际宽度,不包含边线,可超过视口宽度 height:(都可超过视口高度) clientHeight:对象实际内容的高度,不包含边线 offsetHeight:对象实际高度,包含边线 scrollHeight:对象实际高度,不包含边线.如果对象为body,大于视口时为实际高度,小于视口时为视口高度 分辨率宽高: w

获取url 里的图片宽高

想获取一个url里的图片的尺寸时: var img_url = "http://www.qttc.net/static/upload/2013/13643608813441.jpg"; // 创建对象 var img = new Image(); // 改变图片的src img.src = img_url; alert(img.width , img.height); 获取url 里的图片宽高

获取移动设备真实宽高

document.documentElement.clientWidth; document.documentElement.clientHeight;这个得到的是设备像素可见宽高,比如iPhone 4s在微信内设置了viewport为1的时候为320*416(手机480 - 微信状态栏64), iPhone 5里为320*504

js及jquery获取页面和元素的宽高

js: 网页可见区域宽: document.body.clientWidth;(不含滚动条) 网页可见区域高: document.body.clientHeight;(不含滚动条) 网页可见区域宽: document.body.offsetWidth;(包括边线的宽); 网页可见区域高: document.body.offsetHeight;(包括边线的宽); 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: document.body.scrollHei

JavaScript中元素、文档、浏览器、屏幕的宽高

1. 元素的宽高 以宽为例 元素.style.width    样式的宽度,即写在元素的行内样式表的宽度. 元素.clientWidth    可视区宽,样式宽+padding 元素.offsetWidth    占位宽,样式宽+padding+border 2.文档.浏览器窗口的宽高 以宽为例

JS获取盒模型对应的宽高

## 获取内联样式宽高 只能获取内联设置的样式,在style或者.css文件中设置的无法获取 1 let div = document.querySelect('.test'); 2 let width = div.style.width 3 let height = div.style.height ## currentStyle和getComputedStyle获取所有样式 两者只能获取样式,不能设置样式 let div = document.querySelect('.test'); le

js获取浏览器和设备相关width(屏幕的宽度)

首先呢,我们将iPhone手机的相关数据表示如下 我们要理解很多东西,比如逻辑分辨率.物理分辨率.缩放因子.ppi等,这里先不讨论. 首先呢,我们先介绍下各个屏幕宽度: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽:

浏览器对象的各种宽高

Window对象属性 ScreenLeft/ScreenTop/ScreenX/ScreenY 只读整数,声明了窗口的左上角在屏幕上的 x 坐标 和 y 坐标. IE.Safari 和 Opera 支持 ScreenLeft/ScreenTop Firefox.Safari 支持 ScreenX/ScreenY Chrome 都支持 innerWidth/innerHeight 只读属性,声明了窗口的文档显示区的宽度和高度,以像素计.这里的宽度和高度不包括菜单栏.工具栏以及滚动条等的高度 IE