JS获取网页属性包括宽、高等等

代码如下:

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 +" 像素/英寸"+" ";
s += " window的页面可视部分实际高度(ff) "+window.innerHeight+" ";
alert (s);
};

赞 (0)

相关推荐

  • JS获取网页属性包括宽、高等等

    复制代码 代码如下: function getInfo() { var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth+" "; s += " 网页可见区域高:"+ document.body.clientHeight+" "; s += " 网页可见区域宽:"+ document.body.offsetWidth + "

  • js获取隐藏元素的宽高

    js获取隐藏元素的宽高

    获取隐藏元素(display:none)的物理尺寸 问题及场景 假如我们有这样一个输入框,点击能展开选择.如下图: 在这里输入框和下方的展开区域是分离的,独立的两个控件!初始状态下面的可选框是隐藏的(ng-show=false) 展开区域中可折叠组件accordion(对应图中省份,排序字段,短消息部分)的高度是随着数据自适应撑开,点击accordion折叠收缩时有一个高度变化的动画效果! 在计算accordion的高度时却无法获取数据节点元素的高度,导致accordion的高度为0,无法折叠!

  • JS获取网页图片name属性的方法

    本文实例讲述了JS获取网页图片name属性的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以用来获取网页图片的name属性 <!DOCTYPE html> <html> <body> <img id="compman" name="compman" src="compman.gif" alt="Computerman" width="107" height

  • Android 获取屏幕的多种宽高信息的示例代码

    Android 获取屏幕的多种宽高信息的示例代码

    本文主要介绍了Android 获取屏幕的多种宽高信息的示例代码,分享给大家,具体如下: 包含的宽高信息如下图所示: 在模拟器上获取到的数据: 08-26 07:19:32.712 7834-7834/com.czy.screeninfo E/MainActivity: getTotalScreenHeight 1920 08-26 07:19:33.505 7834-7834/com.czy.screeninfo E/MainActivity: getScreenWidth 1080 08-26

  • JS获取对象属性名总结

    最近面试遇到问如何获取对象全部属性名的方法,总结一下: 对象属性类型分类: 1.ESMAScript分类 数据类型 又分为可枚举和不可枚举类型 访问器类型 2.上下文分类 原型属性 实例属性 1.列举自身但不包括原型的可枚举属性名 Object.keys(obj) // 遍历对象 function Person(name, age) { this.name = name; this.age = age; } Person.prototype.demo = function() {}; let c

  • Android利用Glide获取图片真正的宽高的实例

    前言 有时候需要获取网络图片的宽高来设置图片显示的大小,很多人会直接利用Glide的加载监听去拿图片的宽高,但是这样拿到的不是图片真正的宽高,而是图片显示在ImageView后的宽高.如下: //获取图片显示在ImageView后的宽高 Glide.with(this) .load(imgUrl) .asBitmap()//强制Glide返回一个Bitmap对象 .listener(new RequestListener<String, Bitmap>() { @Override public

  • Android源码解析onResume方法中获取不到View宽高

    目录 前言 问题1.为什么onCreate和onResume中获取不到view的宽高? 问题2.为什么View.post为什么可以获取View宽高? 结论 前言 有一个经典的问题,我们在Activity的onCreate中可以获取View的宽高吗?onResume中呢? 对于这类八股问题,只要看过都能很容易得出答案:不能. 紧跟着追问一个,那为什么View.post为什么可以获取View宽高? 今天来看看这些问题,到底为何? 今日份问题: 为什么onCreate和onResume中获取不到vie

  • JS 获取浏览器和屏幕宽高等信息代码

    网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scr

  • JS 获取浏览器和屏幕宽高等信息的实现思路及代码

    网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scr

  • js获取网页高度(详细整理)

    网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scrollHeight 网页被卷去的高: document.b

随机推荐