html - 是否可以在 html 文件的脚本标签中编译 Coffeescript 代码?

标签 html coffeescript

<分区>

Possible Duplicate:
Is there a way to send CoffeeScript to the client's browser and have it compiled to JavaScript there?

<script> 中是否有一种简单的编译 Coffeescript 的方法? html 中的标签,还是您通常将所有 Coffeescript 放在单独的文件中?

最佳答案

确实有。有一个关于它的帖子here .

那篇文章的总结是这样的:

  1. 在您的 HTML 文档中包含您的脚本,类型为 text/coffeescript
  2. 在页面头部包含这一行:

    <script type="text/javascript" src="https://raw.githubusercontent.com/jashkenas/coffeescript/master/lib/coffee-script/coffee-script.js"></script>
    

请注意,不鼓励这样做。

<html>

<head>
  <title>In-Browser test</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript">
  </script>
  <script src="https://raw.githubusercontent.com/jashkenas/coffeescript/master/lib/coffee-script/coffee-script.js" type="text/javascript">
  </script>

</head>

<body>
  <script type="text/coffeescript">
    $ -> $('#header').css 'background-color', 'green'
  </script>
  <h1 style="color:white" id="header">CoffeeScript is alive!</h1>


</body>

</html>

关于html - 是否可以在 html 文件的脚本标签中编译 Coffeescript 代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7860942/

相关文章:

javascript - 非全局 CoffeeScript 和 Assets 管道

javascript - d3 文本不随节点移动

javascript - Yeoman/Angular/Coffee .when() 路由器不会路由 - 无法获取

jquery - 如何使用 jQuery 更改复选框输入的 css div 可见性?

更精确地从网页(尤其是报告)打印

html - 当切换相邻列中的元素时,col 中的元素会稍微移动

javascript - 基金会在 3 秒后关闭警报

javascript - 当以编程方式切换 prop "checked"时,复选框不会在视觉上更新

java - 我们可以在使用 jsp 发送电子邮件时在表单中包含文件类型和文本吗

javascript - 设置不重定向的 Ember 根 URL