Question

我有一个非常简单的目录结构，其中一个index.html文件和一个main.js文件处于同一级别，没有其他文件/文件夹。但是我无法在index.html中链接此js文件。

我在下面发布了这两个文件的内容，预期的行为是弹出一个简单的警报。

这是我的HTML文件：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" href="css/main.css" />
        <script type="text/javascript" scr="main.js"></script>
        <title>External JS Issue</title>
    </head>
    <body>
        Some Content Here.
    </body>
</html>

这是我的JS文件：
alert("If you can read this, it worked!");

但是，如果我包含此JS代码行并将其直接放在我的index.html内，则可以正常工作。
以下是屏幕截图：

index.html：

main.js：

使用外部JS的浏览器屏幕截图（无法正常工作）：

index.html与内联JS：

使用内联JS（工作）的浏览器屏幕截图：

Answer 1

您有错字，<script>标签的属性应为src，而不是scr。

外部JS未链接到HTML

1 个答案: