刚刚接触JavaScript，涉及到 document , window 的一些基本知识不是很了解，今天为了一个屏幕大小折腾了半天，幸好找到了很好的例子学习。

代码如下：

  1. <html>
  2. <script>
  3. function al(){
  4. document.write(
  5. "屏幕分辨率为："+screen.width+"*"+screen.height  //最好是window.screen
  6. +"<br />"+
  7. "屏幕可用大小："+screen.availWidth+"*"+screen.availHeight
  8. +"<br />"+
  9. "网页可见区域宽："+document.body.clientWidth
  10. +"<br />"+
  11. "网页可见区域高："+document.body.clientHeight
  12. +"<br />"+
  13. "网页可见区域宽(包括边线的宽)："+document.body.offsetWidth
  14. +"<br />"+
  15. "网页可见区域高(包括边线的宽)："+document.body.offsetHeight
  16. +"<br />"+
  17. "网页正文全文宽："+document.body.scrollWidth
  18. +"<br />"+
  19. "网页正文全文高："+document.body.scrollHeight
  20. +"<br />"+
  21. "网页被卷去的高："+document.body.scrollTop
  22. +"<br />"+
  23. "网页被卷去的左："+document.body.scrollLeft
  24. +"<br />"+
  25. "网页正文部分上："+window.screenTop
  26. +"<br />"+
  27. "网页正文部分左："+window.screenLeft
  28. +"<br />"+
  29. "屏幕分辨率的高："+window.screen.height
  30. +"<br />"+
  31. "屏幕分辨率的宽："+window.screen.width
  32. +"<br />"+
  33. "屏幕可用工作区高度："+window.screen.availHeight
  34. +"<br />"+
  35. "屏幕可用工作区宽度："+window.screen.availWidth
  36. );
  37. }
  38. </script>
  39. <body onLoad="al()" >
  40. </body>
  41. </html>

简单但是实用，记录一下。

日常捕获的野生知识 - javascript获取屏幕大小的更多相关文章

  1. 日常捕获的野生知识 - javascript 与 类

    javascript 并不提供类这样方便实用的面向对象类型,今天学习到了,直接上代码: <!DOCTYPE html> <html lang="en"> & ...

  2. JavaScript获取屏幕和页面的宽度和高度

    JavaScript获取屏幕和页面的宽度和高度 1.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN ...

  3. js获取屏幕大小

    1.js获取屏幕大小 <html> <script> function a(){ document.write( "屏幕分辨率为:"+screen.widt ...

  4. 转：VC++获取屏幕大小第一篇 像素大小GetSystemMetrics

    VC++获取屏幕大小第一篇 像素大小 GetSystemMetrics>和<VC++获取屏幕大小第二篇物理大小GetDeviceCaps 上>和<VC++获取屏幕大小第三篇物理 ...

  5. wift - 使用UIScreen类获取屏幕大小尺寸

    UISreen类代表了屏幕,开发中一般用来获取屏幕相关的属性,例如获取屏幕的大小. 1 2 3 4 5 6 7 //获取屏幕大小 var screenBounds:CGRect = UIScreen. ...

  6. Android 获取屏幕大小和密度

    Android 获取屏幕大小和密度 DisplayMetrics metric = new DisplayMetrics(); getWindowManager().getDefaultDisplay ...

  7. cocos2d-x JS 获取屏幕大小或中点

    以一张背景图为例: var HelloWorldLayer = cc.Layer.extend({ ctor:function () { this._super(); var bg = new cc. ...

  8. Android获取屏幕大小和设置无标题栏

    android获取屏幕大小非常常用,例如写个程序,如果要做成通用性很强的程序,适用屏幕很强,一般布局的时候都是根据屏幕的长宽来定义的,所以我把这个总结一下,方便日后忘记的时候查阅.还有就是有时候写程序 ...

  9. 绘制bitmap 全屏 安卓获取 屏幕大小

    韩梦飞沙  韩亚飞  313134555@qq.com  yue31313  han_meng_fei_sha 绘制bitmap 全屏 Rectf rectF = new RectF(0, 0, w, ...

随机推荐

  1. java中锁

    s锁的作用是就是保证线程安全,但是从另外成都讲影响了效率: 1 synchronized关键字 这个是虚拟机底层实现的, java中的关键字,内部实现为监视器锁,主要是通过对象监视器在对象头中的字段来 ...

  2. 863公司 linux软测题

    1.浏览目录命令 2.浏览文件命令 3.目录操作命令 4.文件操作命令 5.进程管理命令

  3. SPOJ - TTM 主席树

    给你一个系列\(a[1...n]\),要求可以区间求和,区间更新,也可以回溯过去 经典的主席树板子题,很久以前做的题了,代码太丑回炉重写 PS.题目标题To The Moon也是我最喜欢的游戏之一 这 ...

  4. 牛客练习赛28-B（线段树，区间更新）

    牛客练习赛28 - B 传送门 题目 qn姐姐最好了~ ​ qn姐姐给你了一个长度为n的序列还有m次操作让你玩, ​ 1 l r 询问区间[l,r]内的元素和 ​ 2 l r 询问区间[l,r]内的 ...

  5. js从后台取值并绑定到元素上

    用ajax从后台取值不是什么有技术含量的活计,把后台取来的值绑定到Vue对象上也不算难,但每一次向后台拿数据的时候都得写上这么一段代码就十分痛苦了. 于是我写了这么一小段js代码,能够自己根据url去 ...

  6. lua-nginx-module模块常用命令

    ngx.location.capture 用法: local res = ngx.location.capture(uri, options) 发起一个同步非阻塞的nginx子请求,uri是inter ...

  7. EC20的短消息

    一 设置短消息的操作模式:AT+CMGF=<mode>  0=PDU,固定的16进制信息:=1文本模式. 二选择TE 字符集(+CSCS )AT+CSCS=<chset>字符集 ...

  8. 彻底解决matplotlib中文乱码问题(转)

    彻底解决matplotlib中文乱码问题 1.环境查看a.系统版本查看[hadoop@p168 ~]$ cat /etc/redhat-releaseCentOS Linux release 7.2. ...

  9. Robot Framework自动化测试三（selenium API）

    Robot  Framework  Selenium  API 说明: 此文档只是将最常用的UI 操作列出.更多方法请查找selenium2Library 关键字库. 一.浏览器驱动 通过不同的浏览器 ...

  10. Mac新手问题

    [现象:]MAC下checkout代码时,报svn:E170013-unable to connect to a repository at url xxx, svn:E1700113: unable ...