随笔 - 209, 文章 - 0, 评论 - 75, 阅读 - 32万
  首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

js获取页面宽高及浏览器宽高

Posted on   达奇  阅读(266)  评论(0编辑  收藏  举报
//返回页面的高度
   function pageHeight() {
       if (window.innerHeight && window.scrollMaxY) { yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight) { yScroll = document.body.scrollHeight; } else { yScroll = document.body.offsetHeight; }
       return yScroll;
   }
 
   //返回页面的宽度
   function pageWidth() {
       if (window.innerWidth && window.scrollMaxX) { xScroll = window.innerWidth + window.scrollMaxX; } else if (document.body.scrollWidth > document.body.offsetWidth) { xScroll = document.body.scrollWidth; } else { xScroll = document.body.offsetWidth; }
       return xScroll;
   }
 
   //返回浏览器的高度
   function windowHeight() {
       return (window.innerHeight) ? window.innerHeight : (document.documentElement && document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body.offsetHeight;
   }
 
   //返回浏览器的宽度
   function windowWidth() {
       return (window.innerWidth) ? window.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body.offsetWidth;
   }

  

编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示