JavaScript – 概述

JavaScript是一種腳本語言，用于為Web頁面添加動態效果和交互性。愛掏網 - it200.com它是一種解釋性語言，通常在網頁上運行，通過瀏覽器對用戶的交互作出響應。愛掏網 - it200.com

JavaScript的語法類似于Java和C++，由語句構成，每個語句以分號結束。愛掏網 - it200.com注釋以“//”或“/…/”的形式表示。愛掏網 - it200.com

JavaScript中的變量不需要聲明類型，它們可以存儲數字、字符串、布爾值和對象等不同類型的數據。愛掏網 - it200.com變量的聲明和賦值可以在同一行中完成。愛掏網 - it200.com

// 聲明和賦值變量
let num = 10;
let str = "Hello World";
let flag = true;
let obj = { name: "Tom", age: 18 };

JavaScript中的函數可以有多個參數和返回值，函數也可以分配給一個變量。愛掏網 - it200.com函數可以作為參數傳遞給其他函數。愛掏網 - it200.com

// 聲明和調用函數
function add(x, y) {
  return x + y;
}
let result = add(2, 3); // 調用函數并賦值給result變量
console.log(result); // 輸出5

// 函數賦值給變量
let sub = function(x, y) {
  return x - y;
};
result = sub(5, 2);
console.log(result); // 輸出3

// 函數作為參數傳遞給其他函數
function operate(x, y, func) {
  return func(x, y);
}
result = operate(10, 5, sub);
console.log(result); // 輸出5

事件處理

JavaScript可以在HTML元素上添加事件處理程序來響應用戶的操作。愛掏網 - it200.com例如，單擊按鈕時，可以執行某些操作。愛掏網 - it200.com以下是如何為click事件添加事件處理程序的示例。愛掏網 - it200.com

<button id="btn">Click Me</button>

<script>
  let button = document.getElementById("btn");
  button.addEventListener("click", function() {
    console.log("Button clicked!");
  });
</script>

DOM操作

JavaScript可以用來操作HTML文檔的內容、結構和樣式。愛掏網 - it200.com通過Document Object Model（DOM），可以訪問并修改HTML元素。愛掏網 - it200.com以下是修改元素textContent屬性的示例。愛掏網 - it200.com

<p id="text">Hello World</p>

<script>
  let p = document.getElementById("text");
  p.textContent = "Hello JavaScript";
</script>

AJAX

JavaScript可以通過Asynchronous JavaScript and XML（AJAX）從服務器異步加載數據，然后根據需要更新網頁。愛掏網 - it200.com以下是使用XMLHttpRequest對象發送GET請求并處理響應的示例。愛掏網 - it200.com

// 發送GET請求
let xhr = new XMLHttpRequest();
xhr.open("GET", "https://jsonplaceholder.typicode.com/posts/1", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    let response = JSON.parse(xhr.responseText);
    console.log(response.title);
  }
};
xhr.send();

結論

JavaScript是一種強大的編程語言，用于為Web頁面添加動態功能和交互性。愛掏網 - it200.com它可以用于操作和管理HTML文檔，響應用戶的操作，并從服務器異步加載數據。愛掏網 - it200.com由于JavaScript是一種解釋性語言，因此它可以在不同類型的操作系統和設備上運行。愛掏網 - it200.com掌握JavaScript對于Web開發人員來說是至關重要的。愛掏網 - it200.com