首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >从ECMA6到ECMA5的跟踪转换不起作用

从ECMA6到ECMA5的跟踪转换不起作用
EN

Stack Overflow用户
提问于 2015-05-08 13:22:41
回答 1查看 300关注 0票数 1

为了学习traceur编译器如何将ECMA6转换为ECMA5,我学习了一个教程。

以下是代码。

代码语言:javascript
复制
<!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标签中的内容并没有改变。问题出在哪里?

EN

回答 1

Stack Overflow用户

发布于 2015-05-08 13:39:28

好的,看起来脚本的url有问题。在github中学习了不同的教程后,这对我来说是有效的。

代码语言:javascript
复制
<!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">一起工作

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30116365

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档