1. 程式人生 > >獲取瀏覽器視窗大小以及位置

獲取瀏覽器視窗大小以及位置

前端開發有一個比較麻煩的事情就是需要關注與各種版本的瀏覽器的相容,由於獲取瀏覽器視窗大小與位置可能不會經常用到,所以我就把它們封裝成了兩個函式,以後用到可以直接引入,就不用再自己去花時間去做各種相容。

獲取視窗位置

function getWindowPos(){
    var x = window.screenX||window.screenLeft;
    var y = window.screenY||window.screenTop;
    var pos = {};//儲存螢幕位置的   物件
    pos['x'] = x;
    pos['y'] = y;
    return
pos; }

獲取視窗位置

function getWindowSize(){
    var windowWidth = window.innerWidth;
    var windowHeight = window.innerHeight;
    var size = {};

    if(typeof windowHeight!='number'){
        if(document.compatMode == "css1Compat"){//判斷是否是標準模式
            windowWidth = document.documentElement.clientWidth;
            windowHeight = document
.documentElement.clientHeight; }else{ windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } } size['width'] = windowWidth; size['height'] = windowHeight; return size; }