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

时间:2018-04-01 07:13:36

标签: javascript

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

component.js:

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

  sayHi() {
    alert( this.name );
  }
}

main.html中:

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

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

<body>
</body>

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

如何解决这个问题?

2 个答案:

答案 0 :(得分:4)

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

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

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

</head>

<body>

</body>

</html>

</script>之后您丢失了<script src="./component.js" />,我猜这是最糟糕的错误,但您也丢失了</html><head></head>

答案 1 :(得分:-1)

请尝试

var TryClass = function(name){
    this.name = name;
}

TryClass.prototype.sayHi = function () {
    alert( this.name );
}