页面加载时未调用 JavaScript 函数答案

【问题标题】：JavaScript function not called on page load页面加载时未调用 JavaScript 函数
【发布时间】：2019-06-22 14:04:14
【问题描述】：

我在页面底部放置了一个 JavaScript 函数，但由于某种原因，页面加载时没有调用该页面。我尝试在控制台上运行它以确保它不会产生错误，但它运行得非常好。我什至尝试设置

window.onload = function() {applyMovement();}

那根本行不通。

关于.js

function applyMovement() {
    let bars = document.getElementsByClassName('progress-bar');
    for (let i = 0; i < bars.length; i++) {
        moveBar(bars[i], i);
    }
}

index.blade.php

...
</body>
<script src="{{ asset('/js/about.js') }}">window.onload = function() {applyMovement();} </script>
</html>

需要注意的是，我使用的是 Laravel 5.8。我已将我的 JS 文件放在公共目录中。文件上的其他操作也正在运行，但不是这个特定的功能。

【问题讨论】：

标签： javascript php laravel-5

【解决方案1】：

尝试在 about.js 的声明下放置一个新的脚本标签。像这样：

...
</body>
<script src="{{ asset('/js/about.js') }}"> </script>
<script> window.onload = function() {applyMovement();} </script>
</html>

如果这不起作用，请尝试以下操作（将其作为全局绑定到窗口）：

window.applyMovement = function() {
    let bars = document.getElementsByClassName('progress-bar');
    for (let i = 0; i < bars.length; i++) {
        moveBar(bars[i], i);
    }
}

【讨论】：

乐于助人。