iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 3
0
自我挑戰組

JavaScript 新手筆記系列 第 3

Day03 - Hello World!

  • 分享至 

  • xImage
  •  

前言

這次主要是要能夠呈現第一個 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 來說就是把( )內的資料顯示出來,當然可以是文字或是變數
  • 可以自己在編譯器裡面試看看,基本都會把可用的列出來讓你可以快速選擇

次回

來了解什麼是變數吧!


上一篇
Day02 - 工具
下一篇
Day04 - 變數(01)
系列文
JavaScript 新手筆記31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言