美文网首页Web 前端开发
JS--window对象(二)

JS--window对象(二)

作者: FeRookie | 来源:发表于2017-03-06 23:04 被阅读0次

window窗口位置:

window.screenLeftwindow.screenTop,在IE,Safari,opera和chrome中表示window窗口距离屏幕左边和上面的距离,在Firefox中则是用window.screenX和window.screenY进行表示。可以用以下方式进行兼容处理:

注意:在IE和opera中,如果浏览器窗口紧贴在屏幕顶部,则window.screenTop的距离是浏览器工具栏的像素值。

moveTo()moveBy(),这两个window下的方法可以将window窗口移动到精确的位置。这两个函数都接受两个参数,moveTo(x,y)表示将window窗口移动到(x,y)这个坐标点。moveBy(x,y)表示将window窗口向右移动x个距离,向下移动y个距离。

window窗口大小:

innerWidth:表示该窗口容器中页面视图区的大小(减去边框宽度)。

innerHeight:表示该窗口容器中页面视图区的大小(减去工具栏高度)。

outerWidth:表示浏览器窗口的宽度。

outerHeight:表示浏览器窗口的高度。

浏览器视口大小:

window.documentElement.clientWidth / window.documentElement.clientHeight

window.body.clienetWidth / window.body.clientHeight

如上两种方式,可以知道在不同浏览器下的肯定又是不同的。在IE6中,第一种写法必须在标准模式下有效,如果是混杂模式的话则需要使用第二种写法。但是子chrome中在两种模式下面这两种写法都是可以的。

相关文章

  • JS--window对象(二)

    window窗口位置: window.screenLeft和window.screenTop,在IE,Safari...

  • JS--window对象(一)

    浏览器对象模型(BOM)的核心对象是window,表示的是一个浏览器的实例。window对象即是访问浏览器的一个接...

  • Redis对象(二) - 对象实现

    redis中的五种数据对象都使用了不同的底层编码方式、那相互之间是如何转化的呢 ? 字符串对象 字符串对象的编码可...

  • JavaScript_对象

    一、时间对象(Date) (一)Date对象的创建 (二)Date对象的方法 (三)设置与获取的常用方法 二、对象...

  • JavaScript---FileReader、Blob、Fil

    ArrayBuffer 对象,Blob 对象 ArrayBuffer 对象 ArrayBuffer 对象表示一段二...

  • JS基础 - 创建对象

    一、创建对象 方法一 直接创建字面量 方法二 声明对象字面变量,向对象添加新成员 二、定义对象函数 方法一 对象字...

  • 面向对象二

    面向对象基础(二) new 与 this 的关系 给数组添加求和方法 prototype 与 CSS 的关联 cs...

  • 面向对象(二)

    内容承接 面向对象(一) 原型对象 无论什么时候,只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个 p...

  • 面向对象(二)

    深入构造器 构造器用于在创建实例时执行初始化。构造器是创建对象的重要途径(即使使用工厂模式、反射等方式创建对象,其...

  • 面向对象(二)

    0. 面向过程 概念:在解决问题的时候,关注解决问题的 每一个 步骤 形式1. 把一个大问题分解为多个小问题2. ...

网友评论

    本文标题:JS--window对象(二)

    本文链接:https://www.haomeiwen.com/subject/qtaugttx.html