JS垮浏览器取得页面视口的大小

最新推荐文章于 2023-08-21 19:40:57 发布

原创最新推荐文章于 2023-08-21 19:40:57 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

《JavaScript高级程序设计》第三版专栏收录该内容

48 篇文章

订阅专栏

本文提供了一段JavaScript代码，用于在不同浏览器中获取页面视口的宽度和高度，确保了代码的兼容性和准确性。

//垮浏览器取得页面视口的大小
	var pageWidth = window.innerWidth, pageHeight = window.innerHeigth;
	if(typeof pageWidth != "number"){
		if(document.compactMode == "CSS1Compat"){
			pageWidth = document.documentElement.clientWidth;
			pageHeight = document.documentElement.clientHeigth;
		}else{
			pageWidth = document.body.clientWidth;
			pageHeight = document.body.clientHeight;
		}
	}