JavaScript 教程 - 簡介

Jinku Hu 2023年1月30日 2019年12月26日
  1. 什麼是 JavaScript
  2. JavaScript 可以做什麼
  3. 在 HTML 中包含 JavaScript
  4. 本教程中使用的 Internet 瀏覽器
JavaScript 教程 - 簡介

什麼是 JavaScript

如果你熟悉程式設計,則肯定聽說過一種稱為 Java 的程式語言,但你正在學習 JavaScript 是一種完全不同的語言。

JavaScript 是目前最流行的客戶端指令碼語言,其中客戶端意味著所有程式碼都在客戶端或使用者的計算機上執行。使用者計算機通過將請求傳送到伺服器,然後伺服器將響應傳送回你的計算機,因此有兩種不同型別的指令碼語言:客戶端指令碼語言(例如 JavaScript)和伺服器端指令碼語言(例如 PHP 和 Django)。

在開始學習 JavaScript 之前,你需要了解 HTMLCSS 構建一個簡單的網頁,因為 JavaScript 和它們協同工作並可以用 CSS 來更改網頁的 HTML 元素。

JavaScript 可以做什麼

  1. 我們可以使用 JavaScript 來更改載入後的網頁外觀。這不僅可以使用伺服器端指令碼語言來做到這一點,也可以使用靜態 HTML 文件來做到這一點。你可以在 JavaScript 的幫助下實現網頁的動態響應。
  2. 我們可以使用 JavaScript 將靜態網頁轉換為實際應用程式,例如日曆、筆記本甚至遊戲。

在 HTML 中包含 JavaScript

在我們的網頁上包含我們的指令碼標籤或 JavaScript。

<script src="js_name.js"></script>

它告訴瀏覽器該網頁上使用了指令碼語言。你還可以在 scr= 之後指定指令碼檔案和指令碼語言。

本教程中使用的 Internet 瀏覽器

我們將在本教程系列中使用 Chrome 瀏覽器,因為它具有一些整合的開發工具,例如 console 可以輕鬆除錯我們的 JavaScript 程式碼。

你可以在官方網站上下載 Chrome 瀏覽器。

Author: Jinku Hu
Jinku Hu avatar Jinku Hu avatar

Founder of DelftStack.com. Jinku has worked in the robotics and automotive industries for over 8 years. He sharpened his coding skills when he needed to do the automatic testing, data collection from remote servers and report creation from the endurance test. He is from an electrical/electronics engineering background but has expanded his interest to embedded electronics, embedded programming and front-/back-end programming.

LinkedIn