<html>

<script>

function size(){

document.write(

"屏幕分辨率为："+screen.width+"*"+screen.height  //最好是window.screen

+"<br />"+

"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight

+"<br />"+

"网页可见区域宽："+document.body.clientWidth

+"<br />"+

"网页可见区域高："+document.body.clientHeight

+"<br />"+

"网页可见区域宽(包括边线的宽)："+document.body.offsetWidth

+"<br />"+

"网页可见区域高(包括边线的宽)："+document.body.offsetHeight

+"<br />"+

"网页正文全文宽："+document.body.scrollWidth

+"<br />"+

"网页正文全文高："+document.body.scrollHeight

+"<br />"+

"网页被卷去的高："+document.body.scrollTop

+"<br />"+

"网页被卷去的左："+document.body.scrollLeft

+"<br />"+

"网页正文部分上："+window.screenTop

+"<br />"+

"网页正文部分左："+window.screenLeft

+"<br />"+

"屏幕分辨率的高："+window.screen.height

+"<br />"+

"屏幕分辨率的宽："+window.screen.width

+"<br />"+

"屏幕可用工作区高度："+window.screen.availHeight

+"<br />"+

"屏幕可用工作区宽度："+window.screen.availWidth

);

}

</script>

<body onLoad="size()" >

</body>

</html>

可以这个网页上测试：http://www.w3school.com.cn/tiy/t.asp

【Html】网页获取屏幕宽高的更多相关文章

  1. android获取屏幕宽高与获取控件宽高

    获取屏幕宽高 // 获取屏幕宽高(方法1) int screenWidth = getWindowManager().getDefaultDisplay().getWidth(); // 屏幕宽(像素 ...

  2. vue 获取屏幕宽高 width height

    /**  * 获取屏幕宽高  */ Vue.prototype.getViewportSize = function(){   return {     width: window.innerWidt ...

  3. android 获取屏幕宽高 和 获取控件坐标

    一.获取屏幕宽高: (1). WindowManager wm = (WindowManager)getSystemService(Context.WINDOW_SERVICE); int width ...

  4. Flutter获取屏幕宽高和Widget大小

    我们平时在开发中的过程中通常都会获取屏幕或者 widget 的宽高用来做一些事情,在 Flutter 中,我们可以使用如下方法来获取屏幕或者 widget 的宽高. MediaQuery 一般情况下, ...

  5. js获取屏幕宽高

    最近想自己实现一个全屏滚动. 结果一开始就遇到了问题.因为不知道如何获取一个页面屏幕的高度. 网上所有的博客都是复制粘贴. 网页可见区域宽:document.body.clientWidth 网页可见 ...

  6. js 获取屏幕宽高

    网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offset ...

  7. js、jq获取屏幕宽高

    参考资料 JS,Jquery获取各种屏幕的宽度和高度

  8. Swift 获取屏幕宽高

    let screenh = UIScreen.mainScreen().applicationFrame.size.heightlet screenw = UIScreen.mainScreen(). ...

  9. Javascript之获取屏幕宽高

    <head> <title> new document </title> <meta name="generator" content=& ...

随机推荐

  1. redisHelper

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using ServiceS ...

  2. hdu 1217 Arbitrage (最小生成树)

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=1217 /************************************************* ...

  3. C++技术沙龙主要内容

    5月16日技术沙龙有三场主题演讲. 第一场演讲内容:C++11 Make life easier. 第二场演讲内容:玩转编译器,让编译器给我们帮大忙. 第三场演讲内容:C++的小魔法. 精彩值得期待! ...

  4. frame自适应

    <html> <head> <title>frame自适应</title> </head> <frameset rows=" ...

  5. js获取iframe中的元素以及在iframe中获取父级的元素（包括iframe中不存在name和id的情况）

      第一种情况:iframe中不存在name和id的方法:(通过contentWindow获取) var iframe = document.getElementsByTagName('iframe' ...

  6. java 多线程 26 ： 线程池

    使用线程池与不使用线程池的差别 先来看一下使用线程池与不适应线程池的差别,第一段代码是使用线程池的: public static void main(String[] args) { long sta ...

  7. iOS开发中多线程断点下载大文件

    主要思想,就是创建一个与目标文件等大小的空白文件,然后分段往这个空白文件中写入数据. 可以通过发送HEAD请求,获得服务器中文件的具体大小,然后再将这样的长度分割成若干等大的数据块,在发送get请求时 ...

  8. C#学习笔记（19）——使用IComparer（百度文库）

    说明(2017-7-24 19:15:15): 1. 百度文库里的一篇文章,觉得讲的比较好.原文地址:https://wenku.baidu.com/view/b53cd250ad02de80d4d8 ...

  9. 电商网站jQuery放大镜代码

    分享一款电商网站jQuery放大镜代码.这是一款基于jquery.elevatezoom插件实现的类似淘宝放大镜代码,提供40多种参数,可自由配置多种效果,适合电商或图片类网站使用.效果图如下: 在线 ...

  10. 基于jQuery经典扫雷游戏源码

    分享一款基于jQuery经典扫雷游戏源码.这是一款网页版扫雷小游戏特效代码下载.效果图如下: 在线预览   源码下载 实现的代码. html代码: <center> <h1>j ...