<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

 "http://www.w3.org/TR/html4/strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">

  <head>

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

   <title>test</title>

   <meta name="author" content="Administrator" />

   <!-- Date: 2011-10-25 -->

   <script language="JavaScript">

 function a(){

 document.write(

 "屏幕分辨率为："+screen.width+"*"+screen.height

 +"<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>

   </head>

 <body onload="a()" >

 </body>

 </html>

js获得分辨率的更多相关文章

  1. 为不同分辨率单独做样式文件，在页面头部用js判断分辨率后动态加载定义好的样式文件

    为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件.样式文件命名格式如:forms[_屏幕宽度].css,样式文件中只需重新定义文本框和下拉框的宽度即可. 在包含的头文件 ...

  2. js显示屏幕分辨率

    <div style=" width:88%;margin:30px auto; color:blue;" id="div_html"> </ ...

  3. CocosCreator引擎修改与定制

    1.CCGame.js 修改部分数据脚本的加载时机,避免首屏卡顿 // Load game scripts var jsList = config[CONFIG_KEY.jsList]; if (js ...

  4. 移动端页面按手机屏幕分辨率自动缩放的js

    <script> var phoneWidth = parseInt(window.screen.width); var phoneHeight = parseInt(window.scr ...

  5. （转)JS获取当前对象大小以及屏幕分辨率等

    原文 JS获取当前对象大小以及屏幕分辨率等   <script type="text/javascript">function getInfo(){       var ...

  6. JS获取当前对象大小以及屏幕分辨率等...

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta nam ...

  7. 【Javascript Demo】JS获取当前对象大小以及屏幕分辨率等

    效果如下: 代码如下: <html> <head> <title>获取当前对象大小以及屏幕分辨率等</title> <body> <d ...

  8. js判断屏幕分辨率的代码

    通过下面的代码判断分辨率 <script language="JavaScript"> <!-- Begin function redirectPage() { ...

  9. jquery和js检测浏览器窗口尺寸和分辨率

    jquery和js检测浏览器窗口尺寸和分辨率,转载自网络,记录备忘 <script type="text/javascript">$(document).ready(f ...

随机推荐

  1. Python学习札记(十四) Function4 递归函数 & Hanoi Tower

    reference:递归函数 Note 1.在函数内部,可以调用其他函数.如果一个函数在内部调用自身本身,这个函数就是递归函数. eg.计算阶乘: #!/usr/bin/env python3 def ...

  2. LA 3971 组装电脑（二分）

    https://vjudge.net/problem/UVALive-3971 题意:你有b块钱,想要组装一台电脑.给出n个配件各自的种类.品质因子和价格,要求每种类型的配件各买一个,总价格不超过b, ...

  3. jenkins+gradle打包android遇到的坑

    1.gradle与gradlew的选择 配置project,我们选择gradle进行打包.会看到如下图配置项.然而很多网上教程中给出的选择是第一项.只能这么说,如果你是新建一个androidDemo, ...

  4. linux安装数据库删除

    https://blog.csdn.net/qq_40550973/article/details/80721014 卸载mysql .快速删除 yum remove mysql mysql-serv ...

  5. Centos 查看端口占用情况

    netstat -ntlp 把相应PID kill掉即可

  6. mysql 命令行参数说明

    mysql --help -h : 主机名 -u : 用户名 -p : 密码 -P : 端口,不写默认(3306) -D :指定数据库(一般不指定) -e :查询语句 --column-names : ...

  7. ctci1.3

    ; i < len; i++){         if(str0[i] != str1[i])             return false;     }          return t ...

  8. spring mvc: 多解析器映射(资源绑定视图解析器 + 内部资源[普通模式/]视图解析器)

    spring mvc: 多解析器映射(资源绑定视图解析器 + 内部资源[普通模式/]视图解析器) 资源绑定视图解析器 + 内部资源(普通模式)视图解析器 并存方式 内部资源视图解析器: http:// ...

  9. LabVIEW之生产者/消费者模式

    LabVIEW之生产者/消费者设计模式 彭会锋

  10. vue打包体积优化之旅

    webpack 与 vue 在使用vue开发时,遇到打包后单个文件太大,因而需要分包,不然加载时间太久.虽然尽可能减少请求次数,但是单个包太大也不是好事 思路 组件按需加载 vue-router 的懒 ...