2012-03-20 35 views
4

我见过coffescript教程,展示了如何使用coffeescript与rails,nodejs甚至coffeescript REPL来学习它。简单的coffeescript网页

如何创建一个web项目中,我可以只写一个HTML页面内cofeescript剧本,我的意思是这样

<script type ="text/coffeescript"> 
//some coffeescript code 
</script> 

How to use coffeescript in developing web-sites?只是告诉包括输出javascript和测试。但是,我不想这样做(我觉得它很笨拙)。

我也看到了CoffeeScript的网站,上面有关于这个方向的少量,它says-

enter image description here

我试了一下,包括用jQuery沿着这些脚本。但我的网页仍然是空白的。有没有人以前,你能提供一个示例代码?

谢谢。

+0

,你能否告诉我们,没HTML代码不工作? – Dogbert 2012-03-20 08:11:56

回答

8

就包括以通常的方式coffee-script.js然后添加<script>内容是这样的:

<script type="text/coffeescript"> 
    alert 'pancakes!' 
</script>​ 

或本

<script type="text/coffeescript"> 
    eggs = 'gotta have some' 
    document.write "It really is CoffeeScript: #{eggs}" 
</script> 

演示:http://jsfiddle.net/ambiguous/DmuHh/

+1

http://jsbin.com/iluyoz更明确地说明了同样的事情。 (http://jsfiddle.net/也是一个不错的工具,但隐藏在复选框后面的库) – MarkHu 2013-05-24 04:21:41

+1

@MarkHu:[编辑版本](http://jsbin.com/iluyoz/1/edit)会更加明确:) – 2013-05-24 04:26:50