JavaScript基礎

JavaScript是一門動態、弱類型的腳本語言。

（一）.做用：

(1).頁面特效。(2).先後交互。(3).後臺開發(node)

（二）.Java和JavaScript之間什麼關係？雷鋒和雷峯塔同樣的關係，老婆和老婆餅同樣的關係。壓根沒有關係，最多語法看起來有點像。

（三）.寫在哪兒

(1).<script></script>標籤裏

(2).外部的js文件。注意：在引入外部js文件的<script src="js/name.js"></script>標籤中，不能夠再寫js代碼了。

（四）.注意事項

(1).嚴格區分大小寫。(2).每一行完整語句後面要加分號。(3).變量命名不能使用關鍵字和保留字。(4).代碼要縮進，保持可讀性。

 

1、JS修改元素內容

步驟：獲取元素 -> 修改元素內容

(一).JS獲取元素

(1).id

document.getElementById("");經過id獲取元素。只獲得第一個匹配到id的元素。

(2).class

document.getElementsByClassName("");經過class獲取元素。獲得的是一個相似數組的集合。

(3).tagName

document.getElementsByTagName("");經過標籤名獲取元素。獲得的是一個相似數組的集合。

(4).name

document.getElementsByName("");經過name的屬性獲取元素,通常用於input。獲得的是一個相似數組的集合。

(5).selector

document.querySelector("css選擇器");經過css選擇器，獲取到一個。

(6).selector

document.querySelectorAll("css選擇器");經過css選擇器，獲取全部。

(二).JS修改樣式

 

2、JS的基礎事件

(一).window.onload = function () {};

當頁面所有加載完畢後，執行的js代碼。注意：一個頁面只能有一個window.onload

(二).onclick單擊事件

(三).ondblclick雙擊事件

(四).onmouseenter鼠標劃入

(五).onmouseleave鼠標劃出

(六).onresize窗口變化

(七).onchange改變下拉框

 

3、數據類型

（一）.string字符串

（二）.number數字

（三）.boolean布爾

（四）.undefined未定義

（五）.null空

（六）.object對象

 

4、操做符

（一）.算術運算符

+ - * / % ++ --

（二）.賦值運算符

= += -= *= /=

（三）.比較運算符

> >= < <= == ===

（四）.邏輯運算符

&&（與） ||（或） !（非）

（五）.在如下進行判斷的時候爲假

1.0　　2.null　　3.undefined　　4.NaN　　5.''　　6.false

 

5、控制流程

 

6、循環

（一）.for (;;) {}

（二）.while (條件) {}

（三）.do {} while ()