WeHelp
掌握基礎的 JavaScript 觀念、語法、和程式運作流程,以及物件導向程式的入門技巧。
  1. JavaScript 快速開始
  2. 資料、資料型態
  3. 變數的使用
  4. 運算符號
  5. IF 條件判斷
  6. Switch 條件判斷
  7. While 迴圈
  8. For 迴圈
  9. 函式基礎
  10. 內建函式
  11. 箭頭函式
  12. 匿名函式
  13. 物件基礎
  14. 建構函式
  15. 類別與物件
  16. 字串物件
  17. 數學物件
  18. 陣列物件
JavaScript 快速開始
可以直接在 HTML 中使用 `<script>` 標籤加入 JavaScript,不需要引用外部檔案: ```html <!DOCTYPE html> <html lang="zh-Hant"> <head> <meta charset="UTF-8"> <title>JavaScript 範例</title> </head> <body> <h1>我的網頁</h1> <script> console.log("Hello JavaScript"); </script> </body> </html> ``` ### 查看輸出結果 1. 將上述內容儲存為 `index.html`。 2. 使用瀏覽器開啟這個 HTML 檔案。 3. 開啟瀏覽器的開發者工具: - Windows / Linux:按 `F12` 或 `Ctrl + Shift + I` - macOS:按 `Command + Option + I` 4. 切換到 **Console(主控台)** 分頁。 5. 即可看到: ```text Hello JavaScript ``` `console.log()` 的內容不會顯示在網頁畫面上,而是顯示在瀏覽器的 Console 中。
相關學習地圖、教學課程
F2E 網站前端工程
從 0 開始,成為網站前端工程師的學習路徑。