浏览器抓取网页(文章源自获取窗口宽高的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 函数。 文章来自罗宾-

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线