JavaScript （三）在HTML頁面上寫JavaScript程式碼
前面做了那麼多的鋪墊其實就是小試牛刀，看看JavaScript程式碼是什麼樣的。但是我們平時寫前端程式碼的時候又不是在瀏覽器的控制檯上寫的，而是寫在我們的HTML程式碼裡，那應該怎麼去寫呢?下面我們就來使用HBuilder這個軟體寫一下JS的程式碼吧。
首先呢，開啟HBuilder，然後呢，建立一個WEB專案，接著呢，在index.html檔案裡寫上JS程式碼，最後呢，看寫的是否成功。。。OK,教程到此結束，謝謝各位觀看。
看到這裡各位的心情估計就是這般的吧，好了言歸正傳，咱們開始去寫裡面的程式碼吧。當然，開啟HBuilder和建立HTML頁面這裡就不用說了，咱們直接開始寫！那麼問題來了，JS程式碼應該寫在哪裡呢？嗯。。這個問題問得好。學過HTML的同學都知道，HTML用的都是標籤（如果還不知道什麼是HTML，請移步<script></script>的標籤裡面。一般來說<script>元素應該放在頁面的<head>元素中，例如：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> function hello(){ console.log("Hello World") } hello(); </script> </head> <body> </body> </html>
然後把HBuilder的檢視改成邊改變看檢視
然後我們儲存一下。。瞧！我發現了什麼？？
沒錯又是Hello World！這下明白了吧。但是…我不建議你們寫在這裡，因為HTML在載入的時候會從上面開始，而JS程式碼載入的速度回略微那麼慢一點，特別是比較複雜的那更是不用說了，所以呢我的建議是JS程式碼儘量寫在下面，eg:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <!--上面是寫標籤的--> <script> function hello(){ console.log("Hello World") } hello(); </script> </body> </html>
這樣也一樣能實現同樣的功能。
又有人會問了，如果寫的JS程式碼太多或者需要重複使用一個JS程式碼的時候這麼寫會不會不好！哎呀呀，你這個小同志，思想覺悟很高啊，沒錯，是這樣的，所以我們又有了一種新的方法：
首先我們在JS資料夾裡建一個JS檔案
然後把之前的程式碼複製到裡面（<script>標籤不用寫），
接著就在要使用這段程式碼的HTML檔案裡將這個JS檔案引入，告訴他們我們要用裡面的程式碼就可以了，這樣我們執行的結果還是和之前一樣的。千萬記住，script的標籤要放在下面！
