【乾貨】JS相關知識點總結

標籤：匿名函數   函數定義   屬性   img   return   var   賦值   rip   com   

一、擷取元素方法

可以使用內建對象document上的getElementById方法來擷取頁面上設定了id屬性的元素，擷取到的是一個html對象，然後將它賦值給一個變數。如下：

上面的語句，如果把javascript寫在元素的上面，就會出錯，因為頁面是從上往下載入執行的，javascript去頁面上擷取元素div1的時候，元素div1還沒有載入，解決方案有兩種

二、操作元素屬性1、擷取頁面的元素，就可以對頁面元素的屬性進行操作，屬性的操作包括屬性的讀和寫。操作屬性的方法：a、"."操作   b、"[ ]"操作

屬性的寫法如下：

a、html的屬性和js裡面的屬性寫法一樣

b、class屬性寫成"className"

c、"style"屬性裡面的屬性，有橫杠的寫成駝峰式。比如："font-size"改成"style.fontSize"

舉例說明：通過"."操作屬性

b、class屬性寫成"className"

c、"style"屬性裡面的屬性，有橫杠的寫成駝峰式。比如："font-size"改成"style.fontSize"

 舉例說明：通過"[ ]"操作屬性

innerHTML 可以讀取或者寫入標籤包裹的內容

三、JS函數

函數就是重複執行的代碼片

1、函數定義與執行

2、變數與函數預解析

JavaScript解析過程分為兩個階段，先是編譯階段，然後是執行階段，在編譯階段會將function定義的函數提前，並且將var定義的變數聲明提前，將它賦值為undefined.

3、提取行間事件

在html行間調用的事件可以提取到javascript中調用，從而做到結構與行為分離。

 4、匿名函數

定義的函數不給名稱，這個叫匿名函數，可以將匿名函數直接賦值給元素繫結的事件來完成匿名函數的調用。

5、函數傳參

6、函數‘return‘關鍵字

函數中‘return‘關鍵字的作用：

a、返回函數執行的結果

b、結束函數的運行

c、阻止預設行為

 未完待續......

【乾貨】JS相關知識點總結