Question

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

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

那根本没有用。

about.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文件放在公共目录中。此外，正在执行对该文件的其他操作，但不执行该父项功能。

Answer 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);
    }
}

页面加载时未调用JavaScript函数

1 个答案: