时时商务社区

标题: 获得网页窗口实际大小的javascript代码实例 [打印本页]

---

作者: 新格网络    时间: 2018-2-18 04:48

                      在做web2.0风格的弹出窗口的时候，经常需要把背景变暗和屏蔽。这时就需要得到一个网页的宽高数据。这里就会有很多细节和兼容性问题。经过长期摸索，现提供以下函数，希望对大家有用。这个函数的具体作用是获得网页的高度和宽度，如果网页没有窗口可见区域高的时候则取窗口的可见区域高度和宽度。返回值为一个对象 ，例如 { width:123, height:345}。现在兼容几乎所有的浏览器。
    java script代码：
function get_page_size()
{
    var re = {};
    if (document.documentElement && document.documentElement.clientHeight)
    {
        var doc = document.documentElement;
        re.width = (doc.clientWidth>doc.scrollWidth)?doc.clientWidth-1:doc.scrollWidth;
        re.height = (doc.clientHeight>doc.scrollHeight)?doc.clientHeight:doc.scrollHeight;
    }
    else
    {
        var doc = document.body;
        re.width = (window.innerWidth>doc.scrollWidth)?window.innerWidth:doc.scrollWidth;
        re.height = (window.innerHeight>doc.scrollHeight)?window.innerHeight:doc.scrollHeight;
    }
    return re;
}
[color=]904 viewed 3 comment(s)

    代码实例：




获取窗口大小




  浏览器窗口 的 实际高度:
  
  

  浏览器窗口 的 实际宽度:
  
  

---

欢迎光临 时时商务社区 (http://bbs.4435.cn/)

Powered by Discuz! X3.2