《JavaScript高级程序设计》读书笔记——窗口大小
来源:互联网 发布:英雄杀官职怎么算法 编辑:程序博客网 时间:2024/06/01 07:28
1、innerHeight,innerWidth,outerHeight,outerWidth
在 IE9+、Safari 和 Firefox 中,outerWidth 和 outerHeight 返回浏览器窗口本身的尺寸(无论是从最外层的 window 对象还是从 某个框架访问)。
在 Opera 中,这两个属性的值表示页面视图容器(单个标签页对应的浏览器窗口)的大小。而 innerWidth 和 innerHeight 则表示该容器中页面视图区的大小(减去边框宽度)。
在 Chrome 中,outerWidth、outerHeight 与 innerWidth、innerHeight 返回相同的值,即视口(viewport)大小而非浏览器窗口大小。
2、clientWidth,clientHeight
在IE、Firefox、Safari、Opera和Chrome中,document.documentElement.clientWidth和document.documentElement.clientHeight中保存了页面视口的信息。
在 IE6 中,这些属性必须在 标准模式下才有效;如果是混杂模式,就必须通过 document.body.clientWidth 和 document.body. clientHeight 取得相同信息。
而对于混杂模式下的 Chrome,则无论通过 document.documentEle- ment 还是 document.body 中的 clientWidth 和 clientHeight 属性,都可以取得视口的大小。
- 《JavaScript高级程序设计》读书笔记——窗口大小
- Javascript高级程序设计读书笔记——继承
- 读书笔记—JavaScript高级程序设计(一)
- javascript高级程序设计-----------------读书笔记
- JavaScript 高级程序设计 读书笔记
- 《javascript高级程序设计》读书笔记
- 《JavaScript高级程序设计》读书笔记
- 《javascript高级程序设计》读书笔记
- JavaScript高级程序设计 读书笔记
- JavaScript高级程序设计--读书笔记
- Javascript高级程序设计 读书笔记
- <<JavaScript高级程序设计>>读书笔记
- JavaScript高级程序设计读书笔记
- javascript高级程序设计————读书笔记
- javascript高级程序设计读书笔记———创建对象
- 《Javascript高级程序设计》读书笔记——ECMAScript基础(1)
- 《Javascript高级程序设计》读书笔记——ECMAScript基础(2)
- 《JavaScript高级程序设计》读书笔记——函数内部属性arguments
- Memcache启动&存储原理&集群
- Thinking in BigData(一)前序
- iOS摄像头和相册-UIImagePickerController-浅析
- Unity3D动作类游戏中两种相机抖动
- 报表填报时,如何实现多个单元格绑定一个字段?
- 《JavaScript高级程序设计》读书笔记——窗口大小
- iOS的三维透视投影
- Log4j日志级别
- menu的使用
- 打开VS2012的创建单元测试功能
- 对象的方法及调用
- Core Animation之CATransform3D学习篇
- (Windows)Redis安装
- pyrMeanShiftFiltering函数