JS如何获取网页的宽高
在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
提供了网页内容的实际宽度和高度,这可能会包括滚动条宽度。
评论已关闭