JS超級無敵大串講！！！！！

標籤：

今天來回顧一下JS的基礎和使用方法！沒有提綱全靠寫了= =

首先來講下運算子好了，和C#的運算子是基本相同的

數學運算子：+    -    *    /    %    ++    --

關係運算子：==    ！=    >=    <=    >    <

邏輯運算子：&&    ||    ！

其他運算子：+=    -=    *=    /=    %=    ？

整理一下發現不是基本相同。就他媽一個樣！

再來說下數組好了

數組其實也沒什麼不同，只是JS裡沒有count屬性，都用length 。

數組.length擷取數組長度

函數的話，JS裡使用function定義函數的，有兩種函數

定義函數：function add(形參){函數體}

匿名函數：function(){函數體}

（匿名函數其實挺好用的）

接下來是三種對話方塊

1、alert("")：警告對話方塊，可以用來放在JS裡進行錯誤修正

2、confirm("")：確定對話方塊，彈出一個帶確定和取消按鈕的對話方塊——確定返回true，取消返回false

3、primpt("要顯示的文字"):可以允許使用者輸入內容的對話方塊

 

 

 

接下來回顧window對象，在這裡我不打算細分document之類的了，可以翻前面的html筆記

主要說一下幾個重要的

window.open("開啟的地址","開啟的位置")

window.opener:開啟此頁面的上一個頁面對象

window.close():關閉當前頁面

想了想除了document重要的也沒幾個，直接說document吧

docunment.getElementById("id")；根據id找，最多找一個；

docunment.getElementsByClassName("name") 根據classname找，找出來的是數組；注意中間是items不要忘了s

docunment.getElementsByName("name")；根據name找，找出來的是數組；

docunment.getElementsByTagName("name")；根據標籤名找，找出來的是數組；

上面這4個可以總結為擷取元素

再說如何操作內容

1、普通元素

取值：

alert(a.innerHTML)——會將元素內的所有內容，包括元素標記都取出來

alert(a.innerText)——只取裡面的文字，忽略所有被編譯元素

賦值：

a.innerHTML = "<font color=red >hello world </font>"——如果內容有元素，編譯後實現

a.innerText——會將賦的東西原樣呈現

2、表單元素

取值：

var t = document.f1.t1——form表單ID為f1裡面的ID為t1的input；     

var t = document.getElementById("id")—— 直接用ID擷取。

alert(t.value)——擷取input中的value值；

賦值： t.value="內容改變"；

需要注意的是，表單元素中的取值統一用value

按套路來下面是操作屬性了，再來說下，就3條命令

1、添加、修改屬性

對象.setAttribute("屬性名稱","屬性值")——有則改之，無則加上

2、擷取屬性：

對象.getAttribute("屬性名稱")——擷取屬性的值；

3、刪除屬性：

對象.removeAttribute("屬性名稱")——移除一個屬性。

寫的好累。。。

操作屬性講完了，然後就是操作樣式，操作樣式這裡只能操作標籤內的style

1、添加、修改樣式

對象.style.樣式名稱=值
2、擷取樣式

var  ....=對象.style.樣式名稱  

 

 

 

再講一下事件的大致分類，3個成對的，一個單身狗，嗯。。

1、onclick：按一下滑鼠觸發

     ondblclick：雙擊觸發

2、onmouseover：滑鼠移動上面觸發

     onmouseout：滑鼠離開時觸發

3、onblur：失去焦點時觸發

     onfocus：獲得焦點是觸發

4、onkeyup：按鍵抬起來的時候觸發

JS超級無敵大串講！！！！！