week5 - stayjay/wp109b GitHub Wiki

JavaScript 是所有 Web 開發人員 必須 學習的3 種語言之一:

  1. HTML來定義網頁的內容

  2. CSS來指定網頁的佈局

  3. JavaScript對網頁行為進行編程

JavaScript 接受雙引號和單引號

JavaScript 接受雙引號和單引號

JavaScript 可以改變 HTML 樣式 (CSS) 更改 HTML 元素的樣式是更改 HTML 屬性的一種變體: 例子

document.getElementById("demo").style.fontSize = "35px";

JavaScript 可以隱藏 HTML 元素

可以通過更改display樣式來隱藏 HTML 元素: 例子

document.getElementById("demo").style.display = "none";

JavaScript 可以顯示 HTML 元素

也可以通過更改display樣式來顯示隱藏的 HTML 元素: 例子

document.getElementById("demo").style.display = "block";

<script> 標籤

在 HTML 中,JavaScript 代碼插入在<script>和</script>標籤之間

JavaScript 函數和事件

JavaScriptfunction是一段 JavaScript 代碼,可以在“調用”時執行。

例如,可以在事件發生時調用函數,例如用戶單擊按鈕時。

或 中的 JavaScript 您可以在 HTML 文檔中放置任意數量的腳本。

腳本可以放在

, 或HTML 頁面的部分,或兩者中。

中的 JavaScript

在此示例中,JavaScriptfunction被放置在

HTML 頁面的部分中。

單擊按鈕時調用(調用)該函數

中的 JavaScript

在此示例中,JavaScriptfunction被放置在

HTML 頁面的部分中。

單擊按鈕時調用(調用)該函數

外部 JavaScript

腳本也可以放在外部文件中:

外部文件:myScript.js

function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}

當在許多不同的網頁中使用相同的代碼時,外部腳本是實用的。

JavaScript 文件的文件擴展名為.js。

要使用外部腳本,請將腳本文件的名稱放在標籤的src(source) 屬性中<script>: 例子

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

外部 JavaScript 優勢

將腳本放在外部文件中有一些優點:

它將 HTML 和代碼分開 它使 HTML 和 JavaScript 更易於閱讀和維護 緩存的 JavaScript 文件可以加快頁面加載速度

筆記和程式碼均引用w3schools

⚠️ **GitHub.com Fallback** ⚠️