js查询窗口的几何属性

来源:未知 责任编辑:智问网络 发表时间:2013-10-07 00:59 点击:

 

var Geometry = {}; 

       if (window.screen.availWidth) { //IE 

           Geometry.getScreenWidth = function () { return window.screen.availWidth; }; 

           Geometry.getScreenHeight = function () { return window.screen.availHeight; }; 

       } 

       else if (window.screen.availLeft) {//firefox 

           Geometry.getScreenWidth = function () { return window.screen.availLeft }; 

           Geometry.getScreenHeight = function () { return window.screen.availTop; }; 

       } 

       if (window.screenLeft) {//IE 

           Geometry.getWindowX = function () { return window.screenLeft; }; 

           Geometry.getWindowY = function () { return window.screenTop; }; 

       } 

       else if (window.screenX) {//firefox 

           Geometry.getWindowX = function () { return window.screenX; }; 

           Geometry.getWindowY = function () { return window.screenY; }; 

       } 

       if (window.innerWidth) {//firefox 

           Geometry.getViewportWidth = function () { return window.innerWidth; }; 

           Geometry.getViewportHeight = function () { return window.innerHeight; }; 

           Geometry.getHorizontalScroll = function () { return window.pageXOffset; }; 

           Geometry.getVerticalScroll = function () { return window.pageYOffset; }; 

       } 

       else if (document.documentElement && document.documentElement.clientWidth) {//IE6 and doctype 

           Geometry.getViewportWidth = function () { return document.documentElement.clientWidth; }; 

           Geometry.getViewportHeight = function () { return document.documentElement.clientHeight; }; 

           Geometry.getHorizontalScroll = function () { return document.documentElement.scrollLeft; }; 

           Geometry.getVerticalScroll = function () { return document.documentElement.scrollTop; }; 

       } 

       else if (document.body.clientWidth) {//IE4 IE5 IE without docType 

           Geometry.getViewportWidth = function () { return document.body.clientWidth; }; 

           Geometry.getViewportHeight = function () { return document.body.clientHeight; }; 

           Geometry.getHorizontalScroll = function () { return document.body.scrollLeft; }; 

           Geometry.getVerticalScroll = function () { return document.body.scrollTop; }; 

       } 

       if (document.documentElement && document.documentElement.scrollWidth) { 

           Geometry.getDocumentWidth = function () { return document.documentElement.scrollWidth; }; 

           Geometry.getDocumentHeight = function () { return document.documentElement.scrollHeight; }; 

       } 

       else if (document.body.scrollWidth) { 

           Geometry.getDocumentWidth = function () { return document.body.scrollWidth; }; 

           Geometry.getDocumentHeight = function () { return document.body.scrollHeight; }; 

       } 

 

摘自 dz45693的专栏

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • Gb2312转utf-8编码的方法(vbs+js)
    • 如何使用Ajax技术开发Web应用程序(1)
    • js跳转路径问题
    • JavaScript模仿桌面窗口
    • 用js检测两个线段是否相交
    • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
    • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
    • 我是如何去了解jquery的(六),案例之幻灯片轮换
    • Jquery封装幻灯片效果
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1