不同浏览器的页面可视宽度是基本一致的,但是由于工具栏的高度不一致,导致可视高度不一样,那怎么获取呢?分享下方法
获取高度
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
function findDimensionsHeight() { var winHeight = 0; //获取窗口高度 if (window.innerHeight) { winHeight = window.innerHeight; } else if ((document.body) && (document.body.clientHeight)) { winHeight = document.body.clientHeight; } //通过深入Document内部对body进行检测,获取窗口大小 if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth){ winHeight = document.documentElement.clientHeight; } return winHeight; } |
获取宽度
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
function findDimensionsWidth() { var winWidth = 0; //获取窗口宽度 if (window.innerWidth) { winWidth = window.innerWidth; } else if ((document.body) && (document.body.clientWidth)) { winWidth = document.body.clientWidth; } //通过深入Document内部对body进行检测,获取窗口大小 if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) { winWidth = document.documentElement.clientWidth; } return winWidth; } |
厉害!强~~~~没的说了!