快速入門
JavaScript 代碼可以直接嵌在網頁的任何地方，不過通常我們都把JavaScript代碼放到<head>中：
<html>
<head>
<script>
alert('Hello, world');
</script>
</head>
<body>
...
</body>
</html>
由<script>...</script>包含的代碼就是JavaScript代碼， 它將直接被瀏覽器執行。
第二種方式是將JavaScript代碼放到一個單獨的.js文件，然後再HTML中通過<script src="..."></script>引入這個文件：
<html>
<head>
<script src="/static/js/abc.js"></script>
</head>
<body>
...
</body>
</html>
這樣，/static/js/abc.js就會被瀏覽器執行。
把JavaScript代碼放入一個單獨的.js文件中更利於維護代碼，並且多個頁面可以各自引用同一份.js文件。
可以在同一個頁面中引入多個.js文件，還可以在頁面中多次編寫<script> js代碼... </script>，瀏覽器按照順序依次執行。
有時候，你會看到<script>標籤還設置了一個<type>屬性：
<script type="text/javascript">
...
</script>
但這是沒有必要的，因爲默認的type就是JavaScript，所以不必顯式地把type指定爲JavaScript。
如何運行 JavaScript
要讓瀏覽器運行JavaScript，必須先要有一個HTML頁面，在HTML頁面中引入JavaScript，然後，讓瀏覽器加載該HTML頁面，就可以執行JavaScript代碼。
調試
俗話說得好，“工欲善其事，必先利其器。”，寫JavaScript的時候，如果期望顯示ABC，結果卻顯示XYZ，到底代碼哪裏出了問題？不要抓狂，也不要泄氣，作爲小白，要堅信：JavaScript本身沒有問題，瀏覽器執行也沒有問題，有問題的一定是我的代碼。
如何找出問題代碼，這就需要調試。
怎麼在瀏覽器中調試JavaScript代碼呢？
- 首先，你需要安裝Google Chrome瀏覽器
- 安裝後，隨便打開一個網頁，然後點擊菜單“查看(View)”-“開發者(Developer)”-“開發者工具(Developer Tools)”，瀏覽器窗口就會一分爲二，下方就是開發者工具：
![在這裏插入圖片描述]()
先點擊“控制檯(Console)“，在這個面板裏可以直接輸入JavaScript代碼，按回車後執行。
要查看一個變量的內容，在Console中輸入console.log(a);，回車後顯示的值就是變量的內容。
關閉Console請點擊右上角的“×”按鈕。請熟練掌握Console的使用方法，在編寫JavaScript代碼時，經常需要在Console運行測試代碼。
如果你對自己還有更高的要求，可以研究開發者工具的“源碼(Sources)”，掌握斷點、單步執行等高級調試技巧。
摘自
廖雪峯的官方網站
