首页 > Web开发 > 详细

web 浏览器窗口

时间:2019-02-28 18:26:18      阅读:156      评论:0      收藏:0      [点我收藏+]

1、窗口位置:

 取得浏览器窗口左边和上边距屏幕左边和上边的位置

var leftPos = (typeof window.screenLeft == "number")? window.screenLeft : window.screenX;
var topPos = (typeof window.screenTop == "number")? window.screenTop : window.screenY;

在IE、Opera中,screenLeft 和 screenTop中保存的是屏幕左边和上边到由 window 对象表示的页面可见区域(包含工具栏的高度)的距离。

window 对象有两个移动窗口的方法:

     window.moveTo(posX,poxY);   绝对移动

     window.moveBy(posX,poxY);  相对移动

这两个方法有可能会被浏览器禁用。

2、窗口大小:

各个浏览器的window对象都有innerWidth、innerHeight、outerWidth、outerHeight属性,但定义有些不同。

可以获取页面视口的大小:

var pageWidth = window.innerWidth,
    pageHeight = window.innerHeight;
if(typeof pageWidth != "number"){
    if(document.compatMode == "CSS1Compat"){
        pageWidth = document.documentElement.clientWidth;
        pageHeight = document.documentElement.clientHeight;
    } else {
        pageWidth = document.body.clientWidth;
        pageHeight = document.body.clientHeight;
    }
}

window对象有两个调整窗口大小的方法:

     window.resizeTo(lengthX,lengthY);   绝对调整

     window.resizeBy(lengthX,lengthY);  相对调整

这两个方法有可能会被浏览器禁用。

 

web 浏览器窗口

原文:https://www.cnblogs.com/zhanglw456/p/10452115.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!