专业编程基础技术教程

网站首页 > 基础教程 正文

js 获取浏览器的宽度与高度(jquery获取浏览器宽度)

ccvgpt 2024-07-24 11:15:43 基础教程 10 ℃

1.获取浏览器的宽度与高度方法

function bowerseSize () {
 var xScroll, yScroll;
 if (windows.innerHeight && window.scrollMaxY) {
 xScroll = document.body.scrollWidth;
 yScroll = windows.innerHeight + window.scrollMaxY;
 } else if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac
 xScroll = document.body.scrollWidth;
 yScroll = document.body.scrollHeight;
 } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
 xScroll = document.body.offsetWidth;
 yScroll = document.body.offsetHeight;
 }
 var windowWidth, windowHeight;
 if (self.innerHeight) { // all except Explorer
 windowWidth = self.innerWidth;
 windowHeight = self.innerHeight;
 } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
 windowWidth = document.documentElement.clientWidth;
 windowHeight = document.documentElement.clientHeight;
 } else if (document.body) { // other Explorers
 windowWidth = document.body.clientWidth;
 windowHeight = document.body.clientHeight;
 }
 // for small pages with total height less then height of the viewport
 if (yScroll < windowHeight) { pageHeight = windowHeight; } else { pageHeight = yScroll; }
 if (xScroll < windowWidth) { pageWidth = windowWidth; } else { pageWidth = xScroll; }
 return { windowWidth: windowWidth, windowHeight: windowHeight, pageWidth: pageWidth, pageHeight: pageHeight };
 };

js 获取浏览器的宽度与高度(jquery获取浏览器宽度)

Tags:

最近发表
标签列表