前言

這次主要是要能夠呈現第一個 JS 的練習程式，跟世界打招呼

步驟

• 開啟"test.js"

• 輸入以下內容，並儲存檔案
  alert("Hello World！！");
  

• 將"index.html"丟至瀏覽器(使用 Chrome )執行

• 結果如下，一個彈跳式視窗
  

因為跳出彈跳式視窗，還要再點選確定，一般如果不想中斷，想要節省時間的話，也會使用 console.log 的方式來檢查

• 開啟"test.js"

• 輸入以下內容，並儲存檔案
  console.log("Hello World！！");
  

• 將"index.html"丟至瀏覽器(使用 Chrome )執行，會發現網頁沒內容，那是正常的，畢竟沒將資料放到"index.html"上

• 開啟開發人員工具，快捷"F12"/右鍵"檢查"，選擇 console

• 結果如下
  

說明

alert(內容);

• alert：代表會出現一個彈跳式視窗，顯示的內容為( )內的內容
• 當( )內有"內容"或是'內容'，代表那個內容是一個字串( string )
• JS 的程式結尾要加「;」，有時候沒加也可以執行，但主要是代表這行程式結束，為了提醒自己，保險起見一般建議補上

console.log(內容);

• console：基本算是一個讓我們可以從後台取得各種訊息的指令，看後面的指令是什麼而定，以我們的 log 來說就是把( )內的資料顯示出來，當然可以是文字或是變數
• 可以自己在編譯器裡面試看看，基本都會把可用的列出來讓你可以快速選擇
  

次回

來了解什麼是變數吧！