浏览器抓取网页(文章源自获取窗口宽高的displayWindowSize函数()方法来实现)
优采云 发布时间: 2022-04-15 19:33浏览器抓取网页(文章源自获取窗口宽高的displayWindowSize函数()方法来实现)
js实时获取浏览器窗口大小,我们可以使用addEventListener()方法来实现。 addEventListener() 方法可以注册事件处理程序来*敏*感*词*浏览器窗口大小调整事件,例如window.addEventListener('resize', ...)。 文章来自罗宾-
js实时获取浏览器窗口大小示例
// 定义事件侦听器函数
function displayWindowSize() {
// 获取窗口的宽度和高度,不包括滚动条
var w = document.documentElement.clientWidth;
var h = document.documentElement.clientHeight;
// 在div元素中显示结果
document.getElementById("result").innerHTML = "宽: " + w + ", " + "高: " + h;
}
// 将事件侦听器函数附加到窗口的resize事件
window.addEventListener("resize", displayWindowSize);
// 第一次调用该函数
displayWindowSize();
在上面的代码中,我们自定义了一个displayWindowSize函数来获取窗口的宽度和高度(通过clientWidth和clientHeight属性),然后在addEventListener()方法中添加两个参数,分别是“resize”和“displayWindowSize” ”。 文章来自罗宾-
第一个参数是实时监控窗口大小。当窗口改变一次时,将调用第二个参数 displayWindowSize 函数。 文章来自罗宾-