美文网首页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对象(二)

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