zoukankan      html  css  js  c++  java
  • js获取整个屏幕的尺寸

    原文

    1. 首先获取屏幕宽度:window.screen.width;    //整个屏幕的宽度。

      JS中如何能获取到整个屏幕的高度
    2. 然后获取屏幕高度:window.screen.height;     //整个屏幕的高度。

      JS中如何能获取到整个屏幕的高度
    3. 获取可用工作区尺寸。

      获取屏幕可用工作区域宽度:window.screen.availWidth;     //pc端与上面两个一致,移动端除个别其他也一致(试一下即可)

      获取屏幕可用工作区域高度:window.screen.availHeight;

      JS中如何能获取到整个屏幕的高度
    4. 获取body的宽高(不含边框)。

      获取网页内body的宽度:document.body.clientWidth;     //client不包括边框

      获取网页内body的高度:document.body.clientHeight;

      JS中如何能获取到整个屏幕的高度
    5. 获取网页的宽高。

      获取整个网页的宽度:document.body.scrollWidth

      获取整个网页的高度:document.body.scrollHeight

      JS中如何能获取到整个屏幕的高度
    6. 获取body的宽高(含边框)。

      获取网页内body的宽度:document.body.offsetWidth     //offset包括边框

      获取网页内body的高度:document.body.offsetHeight

      JS中如何能获取到整个屏幕的高度
    7. 7

      获取元素到顶部的距离。

      获取元素到顶部的距离:document.getElementsByClassName("div")[0].offsetTop

      获取元素到左边的距离:document.getElementsByClassName("div")[0].offsetLeft

  • 相关阅读:
    mvc中压缩html
    简单瀑布流
    MVC4 WebAPI
    css实现隔行换色
    网站变黑白
    reset.css
    选择文本改变浏览器默认的背景色和前景色
    DataBinder.Eval用法范例
    精妙SQL語句
    asp.net面试题收集
  • 原文地址:https://www.cnblogs.com/xiaoshen666/p/10748163.html
Copyright © 2011-2022 走看看