javascript - 浏览器窗口宽度的响应变量 [JavaScript]

Question

我试图让一个变量在浏览器窗口根据宽度（以像素为单位）调整大小时不断更新。我不希望页面必须刷新才能更改变量，而是在调整窗口大小时更改变量。

我也不希望将变量写入 html 文档中，因为我在脚本产生任何影响之前在数学上进一步使用了此变量。

这是我认为最接近答案的地方。

window.onload = function() {
  var windowwidth = window.innerWidth;
};

window.onresize = function() {
  var windowwidth = window.innerWidth;
};

console.log(windowwidth);

在下面回答

window.onload = function() {
  currentWidth(document.body.clientWidth);
};

window.onresize = function() {
  currentWidth(document.body.clientWidth);
};

function currentWidth(w) {

// Math using w goes here

}

Answer 1

最后使用以下 JS 代码并调整窗口大小。您可以在调整窗口大小时看到变量更改的值。

var a = Math.random();
console.log (a);
window.onresize = function()
{
    a = Math.random();
    console.log (a);
}

Answer 2

在回调中调用函数

window.onload = function() {
  currentWidth(window.innerWidth);
};

window.onresize = function() {
  currentWidth(window.innerWidth);
};

function currentWidth(w) {
  console.log(w)
  console.log(w > 500)
}