javascript - 为什么我的函数在窗口大小调整之前运行?

标签 javascript html

我希望标题在调整窗口大小时更改其颜色。但在我加载网站后,changeColor() 立即运行。谁能解释一下,为什么我的changeColor()函数在窗口调整大小之前运行?

<body>
  <h1>JavaScript</h1>
  <script>
    var heading = document.querySelector("h1");

    function changeColor(colour) {
      heading.style.color = colour;
    }
    window.onresize = changeColor("red");
  </script>
</body>

最佳答案

您正在以您的方式执行“changeColor”函数。

试试这个:

<body>
  <h1>JavaScript</h1>
  <script>
    var heading = document.querySelector("h1");

    function changeColor(colour) {
      heading.style.color = colour;
    }

    window.onresize = function() {
        changeColor("red")
    };
  </script>
</body>

关于javascript - 为什么我的函数在窗口大小调整之前运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39286679/

相关文章:

html - 将表上的列与固定标题对齐

javascript - HTML、CSS 和 JS 中的图像代码

javascript - 使用jquery在body中搜索数字

javascript - 如何将新值传递到 typescript 中新创建的对象中

javascript - 在 php 中转义此 javascript 代码

html - 如果两次访问同一页面则缓存 : back button only shows data from second viewing

php - 简化目录字符串

php - 用于检查 MySQL 的 JavaScript 时间戳

javascript - 'ava' 测试的 ES6 导入不起作用

html - 从另一个页面定位 bootstrap 4 选项卡面板