JS如何获取网页的宽高
warning:
这篇文章距离上次修改已过478天,其中的内容可能已经有所变动。
在JavaScript中,您可以使用window对象的innerWidth和innerHeight属性来获取浏览器窗口的宽度和高度。如果您想要获取整个网页的宽度和高度,可以使用document.documentElement的offsetWidth和offsetHeight属性。
以下是获取浏览器窗口宽度和高度的示例代码:
// 获取浏览器窗口宽度
var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
// 获取浏览器窗口高度
var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
console.log('窗口宽度: ' + windowWidth);
console.log('窗口高度: ' + windowHeight);以下是获取网页内容宽度和高度的示例代码:
// 获取网页内容宽度
var contentWidth = document.documentElement.offsetWidth;
// 获取网页内容高度
var contentHeight = document.documentElement.offsetHeight;
console.log('内容宽度: ' + contentWidth);
console.log('内容高度: ' + contentHeight);请注意,document.documentElement.clientWidth和document.documentElement.clientHeight提供了网页视口(viewport)的宽度和高度,而document.documentElement.offsetWidth和document.documentElement.offsetHeight提供了网页内容的实际宽度和高度,这可能会包括滚动条宽度。
评论已关闭