JavaScript 是一種高階、解釋型的程式語言,主要用於網頁開發。它是網頁三大核心技術之一,另外兩個是 HTML 和 CSS。以下是 JavaScript 的一些基本特點和應用:

特點 說明
語言類型 動態語言,支援面向物件、函數式及事件驅動的程式設計。
執行環境 主要在瀏覽器中執行,但也能透過 Node.js 這類平台在伺服器端執行。
用途 用於開發互動式網頁、動態內容、遊戲、移動應用、網路伺服器等等。
兼容性 幾乎所有的現代瀏覽器都支持 JavaScript。
特性 包含 DOM 操作、事件處理、異步編程(例如使用 Promise 和 async/await)、模板字串等。
擴展 能使用各種第三方庫和框架,例如 React、Angular、Vue.js 來加快開發速度。

JavaScript 讓網頁更生動,能在使用者與網頁之間進行即時互動。例如,當使用者點擊一個按鈕或移動滑鼠時,網頁內容可以立即變化。這種互動性是靜態語言(如 HTML、CSS)無法實現的。

JS如何運作?

在網頁中你可以透過 編輯HTML tag (使用<元素>)顯示一段文字

,而用JS也可以達成,通常JS的邏輯為

物件(Objects).方法(Methods).參數(Parameters)

例如下方的 document.write("一段文字");便是一個案例。

  <!-- 10. 在網頁中透過 HTML tag 顯示一段文字 -->
     <h1>一段文字</h1>

    <script>
        document.write("一段文字");
        // 物件:document
        // 方法:write()
        // 參數:"一段文字"
        document.write("<h1>兩段文字</h1>");

    </script>

至於要如何在HTML當中插入JS?

在HTML中插入JS

而要在 HTML 文件中引用 JavaScript 檔案,你可以使用

  1. 在HTML任意位置插入<script>元素,這樣可以在同一文黨鞭及,缺點為文件葉面容易雜亂。
  2. <script> 標籤的 src屬性。這允許你將外部 JavaScript 檔案加載到 HTML 中。以下是如何使用 <script src> 標籤來引用 JavaScript 檔案的步驟:

<script src> 基本用法

如果你的 JavaScript 檔案名為 script.js,並且位於與 HTML 文件相同的目錄中,你可以這樣引用它:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- HTML 內容 -->

    <!-- 引用外部 JavaScript 檔案 -->
    <script src="script.js"></script>
</body>
</html>


而JavaScript 的邏輯建立在物件、方法和參數的基礎上(物件導向)的。而大部分的 JavaScript 操作,尤其是與網頁互動的操作,都是建立在 DOM(Document Object Model)的基礎上的