如何在 html 中使用外部 Javascript 类?

mku*_*use 6 javascript

我有一个 .js 文件,其中定义了一个类。我想从<script>另一个 html 文件调用这个类。

组件.js:

class TryClass {
  constructor(name) {
    this.name = name;
  }

  sayHi() {
    alert( this.name );
  }
}
Run Code Online (Sandbox Code Playgroud)

主要.html:

<html>
<script src="./component.js" />

<script>
var user = new TryClass( "John" );
user.sayHi();
</script>

<body>
</body>
Run Code Online (Sandbox Code Playgroud)

当我加载 main.html (从我的网络服务器)时,这不会显示警报。但是,通过检查控制台,我可以使用 TryClass。

如何解决这个问题?

xia*_*glu 7

测试后我认为问题是你的格式

<!DOCTYPE html>
<html lang="en">

<head>
    <script src="component.js"></script>
    <script>
        var user = new TryClass("John");
        user.sayHi();
    </script>

</head>

<body>

</body>

</html>
Run Code Online (Sandbox Code Playgroud)

你输了</script>之后<script src="./component.js" />,我想这是最严重的错误,尽管你也输了</html>并且<head></head>