JavaScript

1.javaScript的組成

• ECMAScript:它是整個 javascript 的核心，包含(基本語法、變量、關鍵字、保留字、數據類型、語句、函數等等)
• DOM：文檔對象模型，包含(整個 html 頁面的內容)、
• BOM：瀏覽器對象模型,包含(整個瀏覽器相關內容)局部異常和全局異常的配置和使用

2.基本語法

• 1.基本語法
  區分大小寫
  變量是弱類型的(String str=”aaa” ,var str=”123”😉
  每行結尾的分號可有可無(建議大家寫上)
  註釋與 java等語言相同。

• 2.javascript 的變量
  變量可以不用聲明，變量是弱類型。統一使用 var 來定義！定義變量的時候不要使用關鍵字和保留字。

• 3.javascript 數據類型
  Javascript 數據類型分爲原始數據類型和引用數據類型
  原始數據類型：
  string、number、boolean、null、undefined
  引用數據類型：
  字符串（String）、數字(Number)、布爾(Boolean)、數組(Array)、對象(Object)、空（Null）、未定義（Undefined）。

• 4.javascript 運算符
  其它運算符與 java 大體一致，需要注意其等性運算符。
  == 它在做比較的時候會進行自動轉換。
  === 它在做比較的時候不會進行自動轉換。

• 5.avascript 語句
  所有語句與 java 大體一致。

3. BOM對象

BOM 對象：瀏覽器對象模型(操作與瀏覽器相關的內容)

• Window 對象
  Window 對象表示瀏覽器中打開的窗口。
  
• Date對象：對時間進行操作
  
• Location 對象
  Location 對象包含有關當前 URL 的信息
  
• History對象
  History 對象包含用戶（在瀏覽器窗口中）訪問過的 URL
  

4.DOM對象

DOM對象：獲取頁面的元素

• 1.getElement系列訪問
  通過DOM獲取頁面的元素的三種方式
  • getElementById( )方法訪問DOM元素 —》 id獲取一個元素
  • getElementsByName( )方法訪問DOM元素—》 元素的name屬性名獲取(數組)
  • getElementsByTagName( )方法訪問DOM元素 –》元素的名稱獲取(數組)
  • getElementsByClassName()方法訪問DOM元素 –》元素的名稱獲取(數組)
• 2.操作節點的屬性
  • getAttribute(“屬性名”)
  • setAttribute(“屬性名”,“屬性值”)
• 3.操作節點樣式
  • style屬性
  • className屬性

HTML元素.style.樣式屬性＝"值"
document.getElementById("cart").style.backgroundColor="#f9f9f9";
document.getElementById("cartList").style.display="none";
HTML元素.className="樣式名稱"
document.getElementById("cart").className="cartOver";

5.javascript的事件

• onfocus/onblur:聚焦離焦事件，用於表單校驗的時候比較合適。
• onclick/ondblclick:鼠標單擊和雙擊事件
• onkeydown/onkeypress：搜索引擎使用較多
• onload：頁面加載事件，所有的其它操作(匿名方式)都可以放到這個綁定的函數裏面去。如果是有名稱，那麼在html頁面中只能寫一個。
• onmouseover/onmouseout/onmousemove：購物網站商品詳情頁。
• onsubmit：表單提交事件 ，有返回值，控制表單是否提交。
• onchange:當用戶改變內容的時候使用這個事件(二級聯動)