當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JS快速入门教程

發布時間：2023/12/10 javascript 23 豆豆

生活随笔收集整理的這篇文章主要介紹了 JS快速入门教程小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

JavaScript 和 Java 的對比
JavaScript	Java
面向對象。不區分對象類型。通過原型機制繼承，任何對象的屬性和方法均可以被動態添加。	基于類系統。分為類和實例，通過類層級的定義實現繼承。不能動態增加對象或類的屬性或方法。
變量類型不需要提前聲明(動態類型)。	變量類型必須提前聲明(靜態類型)。
不能直接自動寫入硬盤。	可以直接自動寫入硬盤。

1、JavaScript 是屬于 HTML 和 Web 的編程語言。

2、JavaScript 是 web 開發者必學的三種語言之一：

（1）HTML?定義網頁的內容

（2）CSS?規定網頁的布局

（3）JavaScript?對網頁行為進行編程

3、JS注釋

（1）單行注釋

單行注釋以?//?開頭。

任何位于?//?與行末之間的文本都會被 JavaScript 忽略（不會執行）。

（2）多行注釋

多行注釋以?/*?開頭，以?*/?結尾。

任何位于?/*?和?*/?之間的文本都會被 JavaScript 忽略。

JS函數

（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>

總結

以上是生活随笔為你收集整理的JS快速入门教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。