<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. HTML5学习笔记（九）：选择器详解

    在前面的笔记中我们已经接触过几种常见的选择器,本笔记我们将深入了解CSS的选择器. 元素选择器 最常见的 CSS 选择器是元素选择器.换句话说,文档的元素就是最基本的选择器.在 W3C 标准中,元素选 ...

  2. ES performance

    http://easyice.cn/ https://m.aliyun.com/yunqi/articles/60474 https://www.jianshu.com/c/d5c542376948 ...

  3. C#之Console

    Console.Write  表示向控制台直接写入字符串,不进行换行,可继续接着前面的字符写入.Console.WriteLine  表示向控制台写入字符串后换行.Console.Read 表示从控制 ...

  4. 我的Linux学习之路及参考书籍

    学习目的 很简单的考虑,最近在各大招聘网站上找工作,发现多数c/c++开发职位都需要Linux开发经验,让我很苦恼,因为Linux我到目前为止知之甚少,知道Linux的概念,也在大学期间了解过一段时间 ...

  5. 使用卷积神经网络CNN训练识别mnist

    算的的上是自己搭建的第一个卷积神经网络.网络结构比较简单. 输入为单通道的mnist数据集.它是一张28*28,包含784个特征值的图片 我们第一层输入,使用5*5的卷积核进行卷积,输出32张特征图, ...

  6. Android开发（七）——判断网络状态

    项目中难免会出现使用网络的情况,使用网络前得进行网络判断,看网上的网友一般有多种实现版本. 第一种: // 是否有网络连接 public static boolean isNetworkConnect ...

  7. Spring Batch事务处理

    事务模型描述 1.step之间事务独立 2.step划分成多个chunk执行,chunk事务彼此独立,互不影响:chunk开始开启一个事务,正常结束提交.chunk表示给定数量的item的操作集合,主 ...

  8. mysql处理varchar类型的between和and的时间问题少一天解决；

    select * from table where CJSJ day),"%Y-%m-%d") 数据库中的时间类型是varchar,传入的类型也是string 上述sql的意思是: ...

  9. 微信web开发者工具同时打开两个小程序项目

    在写小程序时,想要一边参考别人的Demo一边做,但是微信web开发者工具无法同时开两个实例,怎么办? 单个软件实例来回切换打开的项目太麻烦,一种办法是同时下载[微信web开发者工具]和[微信web开发 ...

  10. 【Unity笔记】使物体（船）漂浮在水面上——浮力

    在官方论坛看到一个关于怎么使物体漂浮在水面上的讨论:https://forum.unity3d.com/threads/floating-a-object-on-water.31671/ 水动力系统 ...