我有一个定义了类的.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。
如何解决这个问题?
答案 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 );
}