javascript小結
時間:2017年12月17日 20:53:43
用於:個人總結
javascript知識點總結:
1.獲取對象:document.getElementById("id")/document.getElementsTagName("li")
2.事件
鼠標事件:
onclick 點擊
onmouseover 鼠標放上
onmouseout 鼠標離開
ondbclick 雙擊
onmousedown 鼠標按下
onmouseup 鼠標擡起
onmousemove 鼠標移動
表單事件:
onfocus 獲取焦點
onblur 失去焦點
onsubmit 提交表單
onchange 當發生改變的時候
onreset 重置表單
鍵盤事件:
onkeydown 鍵盤按下
onkeyup 鍵盤擡起
onkeypress鍵盤按鍵一次
event.clientX 點擊時的x坐標
event.clientY 點擊時的Y坐標
event.target 事件源
3.內置函數:
1.常規函數
alert();警告框
confirm();確認框
escape();將字符轉換成Unicode碼
eval函數：計算表達式的結果。
isNaN函數：測試是(true)否(false)不是一個數字。
parseFloat函數：將字符串轉換成符點數字形式。
parseInt函數：將符串轉換成整數數字形式(可指定幾進制)。
prompt函數：顯示一個輸入對話框，提示等待用戶輸入。
2.數組函數:
join函數：轉換並連接數組中的所有元素為一個字符串。
langth函數：返回數組的長度。
reverse函數：將數組元素順序顛倒。
sort函數：將數組元素重新排序
3.日期函數:
(1)getDate函數：返回日期的“日”部分，值為1～31
(2)getDay函數：返回星期幾，值為0～6，其中0表示星期日，1表示星期一，...，6表示星期六
(3)getHours函數：返回日期的“小時”部分，值為0～23。
(4)getMinutes函數：返回日期的“分鐘”部分，值為0～59。見上例。
(5)getMonth函數：返回日期的“月”部分，值為0～11。其中0表示1月，2表示3月，...，11表示12月。見前面的例子。
(6)getSeconds函數：返回日期的“秒”部分，值為0～59。見前面的例子。
(7)getTime函數：返回系統時間。
(8)getTimezoneOffset函數：返回此地區的時差(當地時間與GMT格林威治標準時間的地區時差)，單位為分鐘。
(9)getYear函數：返回日期的“年”部分。返回值以1900年為基數，例如1999年為99。
(10)parse函數：返回從1970年1月1日零時整算起的毫秒數(當地時間)。
(11)setDate函數：設定日期的“日”部分，值為0～31。
(12)setHours函數：設定日期的“小時”部分，值為0～23。
(13)setMinutes函數：設定日期的“分鐘”部分，值為0～59。
(14)setMonth函數：設定日期的“月”部分，值為0～11。其中0表示1月，...，11表示12月。
(15)setSeconds函數：設定日期的“秒”部分，值為0～59。
(16)setTime函數：設定時間。時間數值為1970年1月1日零時整算起的毫秒數。
(17)setYear函數：設定日期的“年”部分。
(18)toGMTString函數：轉換日期成為字符串，為GMT格林威治標準時間。
(19)setLocaleString函數：轉換日期成為字符串，為當地時間。
4.數學函數:
(1)abs函數：即Math.abs(以下同)，返回一個數字的絕對值。
(2)acos函數：返回一個數字的反余弦值，結果為0～π弧度(radians)。
(3)asin函數：返回一個數字的反正弦值，結果為-π/2～π/2弧度。
(4)atan函數：返回一個數字的反正切值，結果為-π/2～π/2弧度。
(5)atan2函數：返回一個坐標的極坐標角度值。
(6)ceil函數：返回一個數字的最小整數值(大於或等於)。
(7)cos函數：返回一個數字的余弦值，結果為-1～1。
(8)exp函數：返回e(自然對數)的乘方值。
(9)floor函數：返回一個數字的最大整數值(小於或等於)。
(10)log函數：自然對數函數，返回一個數字的自然對數(e)值。
(11)max函數：返回兩個數的最大值。
(12)min函數：返回兩個數的最小值。
(13)pow函數：返回一個數字的乘方值。
(14)random函數：返回一個0～1的隨機數值。
(15)round函數：返回一個數字的四舍五入值，類型是整數。
(16)sin函數：返回一個數字的正弦值，結果為-1～1。
(17)sqrt函數：返回一個數字的平方根值。
(18)tan函數：返回一個數字的正切值。
5.字符串函數:
(1)anchor函數：產生一個鏈接點(anchor)以作超級鏈接用。anchor函數設定<A NAME...>的鏈接點的名稱，另一個函數link設定<A HREF=...>的URL地址。
(2)big函數：將字體加到一號，與<BIG>...</BIG>標簽結果相同。
(3)blink函數：使字符串閃爍，與<BLINK>...</BLINK>標簽結果相同。
(4)bold函數：使字體加粗，與<B>...</B>標簽結果相同。
(5)charAt函數：返回字符串中指定的某個字符。
(6)fixed函數：將字體設定為固定寬度字體，與<TT>...</TT>標簽結果相同。
(7)fontcolor函數：設定字體顏色，與<FONT COLOR=color>標簽結果相同。
(8)fontsize函數：設定字體大小，與<FONT SIZE=n>標簽結果相同。
(9)indexOf函數：返回字符串中第一個查找到的下標index，從左邊開始查找。
(10)italics函數：使字體成為斜體字，與<I>...</I>標簽結果相同。
(11)lastIndexOf函數：返回字符串中第一個查找到的下標index，從右邊開始查找。
(12)length函數：返回字符串的長度。(不用帶括號)
(13)link函數：產生一個超級鏈接，相當於設定<A HREF=...>的URL地址。
(14)small函數：將字體減小一號，與<SMALL>...</SMALL>標簽結果相同。
(15)strike函數：在文本的中間加一條橫線，與<STRIKE>...</STRIKE>標簽結果相同。
(16)sub函數：顯示字符串為下標字(subscript)。
(17)substring函數：返回字符串中指定的幾個字符。
(18)sup函數：顯示字符串為上標字(superscript)。
(19)toLowerCase函數：將字符串轉換為小寫。
(20)toUpperCase函數：將字符串轉換為大寫。
4.數據類型:
字符串string
數值 number
布爾值boolean
數組 array
對象 object
5.DOM(document object model)
其中object分為三種類型:
用戶定義對象(user-defined object):由程序員自行創建的對象
內建對象(native object):內建再javascript語言裏的對象,如array/math/date
宿主對象(host object):由瀏覽器提供的對象
6.獲取元素除了第一條那兩種,html5還新增了getElementsByClassName("class")
7.判斷一個數據是否為空
if(something!=null)// 這種比較麻煩
if(something) //簡單明了
8.setAttribute()/getAttribute()方法 用於修改/顯示元素節點的title屬性
9.childNodes獲取元素的所有子元素(數組)
nodeType屬性 返回數字,元素節點返回1 屬性節點返回2 文本節點返回3
未完待補充!!
本來信誓旦旦的要認真總結的,結果又黃了
javascript小結