javascript
JS快速入门教程
| JavaScript 和 Java 的對比 | |
| JavaScript | Java |
| 面向對象。不區分對象類型。通過原型機制繼承，任何對象的屬性和方法均可以被動態添加。 | 基于類系統。分為類和實例，通過類層級的定義實現繼承。不能動態增加對象或類的屬性或方法。 |
| 變量類型不需要提前聲明(動態類型)。 | 變量類型必須提前聲明(靜態類型)。 |
| 不能直接自動寫入硬盤。 | 可以直接自動寫入硬盤。 |
1、JavaScript 是屬于 HTML 和 Web 的編程語言。
2、JavaScript 是 web 開發者必學的三種語言之一：
（1）HTML?定義網頁的內容
（2）CSS?規定網頁的布局
（3）JavaScript?對網頁行為進行編程
3、JS注釋
（1）單行注釋
單行注釋以?//?開頭。
任何位于?//?與行末之間的文本都會被 JavaScript 忽略（不會執行）。
（2）多行注釋
多行注釋以?/*?開頭，以?*/?結尾。
任何位于?/*?和?*/?之間的文本都會被 JavaScript 忽略。
（1）JavaScript 函數語法
JavaScript 函數通過?function?關鍵詞進行定義，其后是函數名和括號 ()。
函數名可包含字母、數字、下劃線和美元符號（規則與變量名相同）。
圓括號可包括由逗號分隔的參數：
(參數 1, 參數 2, ...)
由函數執行的代碼被放置在花括號中：{}
function name(參數 1, 參數 2, 參數 3) {
????要執行的代碼
}
函數參數（Function parameters）是在函數定義中所列的名稱。
函數參數（Function arguments）是當調用函數時由函數接收的真實的值。
在函數中，參數是局部變量。
在其他編程語言中，函數近似程序（Procedure）或子程序（Subroutine）。
（2）函數調用
函數中的代碼將在其他代碼調用該函數時執行：
當事件發生時（當用戶點擊按鈕時）
當 JavaScript 代碼調用時
自動的（自調用）
（3）函數返回
當 JavaScript 到達?return?語句，函數將停止執行。
如果函數被某條語句調用，JavaScript 將在調用語句之后“返回”執行代碼。
函數通常會計算出返回值。這個返回值會返回給調用者：
?
?
?
練習：
?頁面加載完成后，將奇數列的li背景色設置為紅色，偶數列li背景色設置為綠色
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>function change() {var div1 = document.getElementById("div1")var div2 = document.getElementById("div2")var div3 = document.getElementById("div3")var div4 = document.getElementById("div4")var div5 = document.getElementById("div5")div1.style.backgroundColor = "green"div2.style.backgroundColor = "red"div3.style.backgroundColor = "green"div4.style.backgroundColor = "red"div5.style.backgroundColor = "green"}</script></head> <body><ul><li><div id="div1">li+1</div></li><li><div id="div2">li+2</div></li><li><div id="div3">li+3</div></li><li><div id="div4">li+4</div></li><li><div id="div5">li+5</div></li></ul><input type="button" onclick="change()" value="點我切換顏色" /></body> </html>?
總結
- 上一篇： Java反转单链表(code)
- 下一篇： SpringMvc项目加载顺序及上下文小