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

 更新时间:2014年04月03日 15:43:09   作者:  
这篇文章主要介绍了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);
};

相关文章

  • JavaScript如何一次性展示几万条数据

    JavaScript如何一次性展示几万条数据

    本文主要介绍了JavaScript一次性展示几万条数据的实现方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • js实现百度联盟中一款不错的图片切换效果完整实例

    js实现百度联盟中一款不错的图片切换效果完整实例

    这篇文章主要介绍了js实现百度联盟中一款不错的图片切换效果的方法,以完整实例形式分析了javascript操作图片切换的技巧,需要的朋友可以参考下
    2015-03-03
  • 微信小程序开发自定义tabBar实战案例(定制消息99+小红心)

    微信小程序开发自定义tabBar实战案例(定制消息99+小红心)

    一定的需求情况下无法使用小程序原生的tabbar的时候,需要自行实现一个和tabbar功能一模一样的自制组件,下面这篇文章主要给大家介绍了关于微信小程序开发自定义tabBar(定制消息99+小红心)的相关资料,需要的朋友可以参考下
    2022-12-12
  • 学习JavaScript设计模式(封装)

    学习JavaScript设计模式(封装)

    这篇文章主要带领大家学习JavaScript设计模式,其中重点介绍封装,举例说明封装的思想,对封装进行详细剖析,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • PHP7新特性简述

    PHP7新特性简述

    本文通过实例给大家介绍了PHP7新特性的相关知识,需要的朋友参考下吧
    2017-06-06
  • JS 创建对象的模式实例小结

    JS 创建对象的模式实例小结

    这篇文章主要介绍了JS 创建对象的模式,结合实例形式总结分析了JS 创建对象的各种常用模式,包括工厂模式、构造函数模式、原型模式、组合构造和原型模式、动态原型模式、寄生构造函数模式、稳妥构造模式等,需要的朋友可以参考下
    2020-04-04
  • JavaScript金额运算出现精度丢失问题的解决方案

    JavaScript金额运算出现精度丢失问题的解决方案

    在 JavaScript 中,浮点数运算可能会产生精度丢失的问题,尤其在处理 金额计算 时,本文为大家整理了一些常用方法,有需要的小伙伴可以根据需求进行选择
    2025-03-03
  • javascript验证香港身份证的格式或真实性

    javascript验证香港身份证的格式或真实性

    本文分享了利用javascript验证香港身份证的格式或真实性的代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • js替换字符串中所有指定的字符(实现代码)

    js替换字符串中所有指定的字符(实现代码)

    下面小编就为大家带来一篇js替换字符串中所有指定的字符(实现代码)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 微信小程序用户授权,以及判断登录是否过期的方法

    微信小程序用户授权,以及判断登录是否过期的方法

    这篇文章主要介绍了微信小程序用户授权及判断登录是否过期,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05

最新评论