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