第2章介紹如何在 JavaScript 中使用變量、數據類型和運算符等基本知識。其中,變量的定義和使用非常重要,例如:var x, y, z; // 一次性聲明多個變量
x = 5; // 為 x 賦值
y = 6; // 為 y 賦值
z = x + y; // 計算 x 和 y 的總和,并將其賦值給 z
document.getElementById("demo").innerHTML = "總和是:" + z; // 在文檔中輸出總和
第3章介紹如何控制程序的流程,包括使用條件語句和循環語句等。例如,if 語句用于根據條件執行不同的代碼塊:var x = 5; // 創建一個名為 x 的變量并為其賦值 5
var y = 6; // 創建一個名為 y 的變量并為其賦值 6
var result = x + y; // 將 x 和 y 的總和存儲到一個名為 result 的變量中
document.getElementById("demo").innerHTML = result; // 顯示 result 變量的值
第4章介紹如何使用函數來組織代碼,以便復用和擴展,例如:var time = new Date().getHours(); // 獲取當前小時數
var greeting;
if (time< 10) {
greeting = "早上好";
} else if (time< 20) {
greeting = "晚上好";
} else {
greeting = "晚安";
}
document.getElementById("demo").innerHTML = greeting;
第5、6、7章依次介紹了對象、數組和迭代器等更高級的概念,這些知識點對于編寫大型應用程序非常重要。 第8章介紹了如何處理字符串,包括如何查找和替換文本、如何將字符串轉換為數字等等。下面是一個示例:function myFunction(p1, p2) {
return p1 * p2; // 計算兩個參數的乘積
}
document.getElementById("demo").innerHTML = myFunction(4, 3); // 調用函數并輸出結果
第9、10、11章依次介紹了日期、Math和正則表達式等高級概念。 第12章介紹了事件和事件處理程序,從瀏覽器角度介紹如何使用事件處理程序來響應用戶交互,例如:var str = "Visit W3Schools!";
var n = str.search("W3Schools"); // 查找 "W3Schools" 在字符串中的位置
document.getElementById("demo").innerHTML = n;
第13、14、15章介紹了瀏覽器對象模型(DOM)、HTML元素和CSS樣式等與網頁交互相關的概念和技術。這是 Web 前端開發過程中必備的知識。 第16章介紹了 Ajax 和 JSON 等技術,用于異步數據交互和處理。 總之,《JavaScript 基礎教程:第7版》全面且易懂地介紹了 JavaScript 的基礎知識和高級概念,適合初學者和有一定基礎的人員閱讀學習。document.getElementById("myBtn").addEventListener("click", displayDate); // 在按鈕上監聽 click 事件
function displayDate() {
document.getElementById("demo").innerHTML = Date(); // 獲取當前時間并在文檔中顯示
}