在不同浏览器都实用的各窗口大小获取方法

时间:2022-05-03
本文章向大家介绍在不同浏览器都实用的各窗口大小获取方法,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
// 浏览器窗口
var w= document.documentElement.clientWidth
      || document.body.clientWidth;
var h= document.documentElement.clientHeight
      || document.body.clientHeight;

// 网页窗口
var w=document.documentElement.scrollWidth
   || document.body.scrollWidth;
var h=document.documentElement.scrollHeight
   || document.body.scrollHeight;

// 网页窗口(包括滚动条等边线,会随窗口的显示大小改变,offsetHeight = clientHeight + 滚动条 + 边框)
var w= document.documentElement.offsetWidth
    || document.body.offsetWidth;
var h= document.documentElement.offsetHeight
    || document.body.offsetHeight;