为什么外部 JS 无法启动？

Question

在进行一些研究之后，我采取了措施来保证在尝试运行之前加载 JS，但是......它不会工作！

这个有效：

<!DOCTYPE html>
<head>
    <meta name="viewport" content="initial-scale=1" charset="utf-8">
</head>
<html>
    <body>
    <script type="text/javascript">
        function initialize() {
            console.log('foo')
        }

        window.onload = function() {
            initialize();
        };
    </script>
</body>
</html>

但事实并非如此：

<!DOCTYPE html>
<head>
    <meta name="viewport" content="initial-scale=1" charset="utf-8">
</head>
<html>
    <body>
    <script type="text/javascript" src="test.js">
    <script type="text/javascript">
        window.onload = function() {
            initialize();
        };
    </script>
</body>
</html>

test.js:

function initialize() {
    console.log('foo')
}

我没有收到任何错误。它只是行不通。我做错了什么？

谢谢！

Answer 1

调用外部 js 文件的标签需要一个结束脚本标签。

<script type="text/javascript" src="test.js"></script>

为什么外部 JS 无法启动？

Why external JS won't start?

javascript

onload