1

为了了解 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>

但是h1当我在 Firefox 或 chrome 中加载页面时，标签中的内容不会改变。问题是什么？

4

1 回答 1

0

好吧，脚本 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">

于 2015-05-08T05:39:28.087 回答