2012-03-20 34 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