獲取瀏覽器視口的大小

/*視口的大小，部分移動設備瀏覽器對innerWidth的兼容性不好，需要
 *document.documentElement.clientWidth或者document.body.clientWidth
 *來兼容（混雜模式下對document.documentElement.clientWidth不支持）。
 *使用方法 ： getViewPort().width;
 */
function getViewPort () {
    if(document.compatMode == "BackCompat") {   //瀏覽器嗅探，混雜模式
        return {
            width: document.body.clientWidth,
            height: document.body.clientHeight
        };
    } else {
        return {
            width: document.documentElement.clientWidth,
            height: document.documentElement.clientHeight
        };
    }
}