JavaScript 是一種高階、解釋型的程式語言,主要用於網頁開發。它是網頁三大核心技術之一,另外兩個是 HTML 和 CSS。以下是 JavaScript 的一些基本特點和應用:
特點 | 說明 |
---|---|
語言類型 | 動態語言,支援面向物件、函數式及事件驅動的程式設計。 |
執行環境 | 主要在瀏覽器中執行,但也能透過 Node.js 這類平台在伺服器端執行。 |
用途 | 用於開發互動式網頁、動態內容、遊戲、移動應用、網路伺服器等等。 |
兼容性 | 幾乎所有的現代瀏覽器都支持 JavaScript。 |
特性 | 包含 DOM 操作、事件處理、異步編程(例如使用 Promise 和 async/await)、模板字串等。 |
擴展 | 能使用各種第三方庫和框架,例如 React、Angular、Vue.js 來加快開發速度。 |
JavaScript 讓網頁更生動,能在使用者與網頁之間進行即時互動。例如,當使用者點擊一個按鈕或移動滑鼠時,網頁內容可以立即變化。這種互動性是靜態語言(如 HTML、CSS)無法實現的。
在網頁中你可以透過 編輯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 文件中引用 JavaScript 檔案,你可以使用
<script>
元素,這樣可以在同一文黨鞭及,缺點為文件葉面容易雜亂。<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)的基礎上的