为了学习traceur编译器如何将ECMA6转换为ECMA5,我学习了一个教程。
以下是代码。
<!DOCTYPE html>
<html>
<head>
<title>hello world!</title>
<script src="https://traceur-compiler.googlecode.com/git/bin/traceur.js"
type="text/javascript"></script>
<script src="https://traceur-compiler.googlecode.com/git/src/bootstrap.js"
type="text/javascript"></script>
</head>
<body>
<h1 id="message">This content is going to change</h1>
<script type="text/traceur">
class Greeter {
constructor(message) {
this.message = message;
}
greet() {
let element = document.querySelector('#message');
element.innerHTML = this.message;
}
};
let greeter = new Greeter('Helllllllo, world!');
greeter.greet();
</script>
</body>
</html>但是当我在火狐或chrome中加载页面时,h1标签中的内容并没有改变。问题出在哪里?
发布于 2015-05-08 13:39:28
好的,看起来脚本的url有问题。在github中学习了不同的教程后,这对我来说是有效的。
<!DOCTYPE html>
<html>
<head>
<title>hello world!</title>
<script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script>
<script src="https://google.github.io/traceur-compiler/src/bootstrap.js"></script>
</head>
<body>
<h1 id="message">This content is going to change</h1>
<script type="module">
class Greeter {
constructor(message) {
this.message = message;
}
greet() {
let element = document.querySelector('#message');
element.innerHTML = this.message;
}
};
let greeter = new Greeter('Helllllllo, world!');
greeter.greet();
</script>
</body>
</html>它还可以与<script type="text/traceur">一起工作
https://stackoverflow.com/questions/30116365
复制相似问题