1.獲取對象
- document.getElementById(‘id’)
- document.getElementsByClassName(”class”);
- document.getElementsByTagName(“li”)
2.事件
鼠標事件:
- onclick 點(單)擊
- ondbclick 雙擊
- onmouseover 鼠標放上
- onmouseout 鼠標離開
- onmousedown 鼠標按下
- onmouseup 鼠標抬起
- onmousemove 鼠標移動
表單事件:
- onfocus 獲取焦點
- onblur 失去焦點
- onsubmit 提交表單
- onchange 當發生改變的時候
- onreset 重置表單
鍵盤事件:
- onkeydown 鍵盤按下
- onkeyup 鍵盤抬起
- onkeypress鍵盤按鍵一次
- event.clientX 點擊時的x坐標
- event.clientY 點擊時的Y坐標
- event.target 事件源
3.內置函數:
1.常規函數
- alert();警告框
- confirm();確認框
- prompt():顯示一個輸入對話框,提示等待用戶輸入。
- escape();將字符轉換成Unicode碼
- eval函數:計算表達式的結果。
- isNaN函數:測試是(true)否(false)不是一個數字。
- parseFloat函數:將字符串轉換成符點數字形式。
- parseInt函數:將符串轉換成整數數字形式(可指定幾進制)。
2.數組函數:
- join函數:轉換並連接數組中的所有元素為一個字符串。
- langth:返回數組的長度。
- reverse函數:將數組元素順序顛倒。
- sort函數:對字符素組或數字數組進行排序。
3.日期函數:
- getDate函數:返回日期的“日”部分,值為1~31
- getDay函數:返回星期幾,值為0~6,其中0表示星期日,1表示星期一,…,6表示星期六
- getHours函數:返回日期的“小時”部分,值為0~23。
- getMinutes函數:返回日期的“分鐘”部分,值為0~59。見上例。
- getMonth函數:返回日期的“月”部分,值為0~11。其中0表示1月,2表示3月,…,11表示12月。見前面的例子。
- getSeconds函數:返回日期的“秒”部分,值為0~59。見前面的例子。
- getTime函數:返回系統時間。
- getTimezoneOffset函數:返回此地區的時差(當地時間與GMT格林威治標準時間的地區時差),單位為分鐘。
- getYear函數:返回日期的“年”部分。返回值以1900年為基數,例如1999年為99。
- parse函數:返回從1970年1月1日零時整算起的毫秒數(當地時間)。
- setDate函數:設定日期的“日”部分,值為0~31。
- setHours函數:設定日期的“小時”部分,值為0~23。
- setMinutes函數:設定日期的“分鐘”部分,值為0~59。
- setMonth函數:設定日期的“月”部分,值為0~11。其中0表示1月,…,11表示12月。
- setSeconds函數:設定日期的“秒”部分,值為0~59。
- setTime函數:設定時間。時間數值為1970年1月1日零時整算起的毫秒數。
- setYear函數:設定日期的“年”部分。
- toGMTString函數:轉換日期成為字符串,為GMT格林威治標準時間。
- setLocaleString函數:轉換日期成為字符串,為當地時間。
4.數學函數:
- abs函數:即Math.abs(以下同),返回一個數字的絕對值。
- acos函數:返回一個數字的反餘弦值,結果為0~π弧度(radians)。
- asin函數:返回一個數字的反正弦值,結果為-π/2~π/2弧度。
- atan函數:返回一個數字的反正切值,結果為-π/2~π/2弧度。
- atan2函數:返回一個坐標的極坐標角度值。
- ceil函數:返回一個數字的最小整數值(大於或等於)。
- cos函數:返回一個數字的餘弦值,結果為-1~1。
- exp函數:返回e(自然對數)的乘方值。
- floor函數:返回一個數字的最大整數值(小於或等於)。
- log函數:自然對數函數,返回一個數字的自然對數(e)值。
- max函數:返回兩個數的最大值。
- min函數:返回兩個數的最小值。
- pow函數:返回一個數字的乘方值。
- random函數:返回一個0~1的隨機數值。
- round函數:返回一個數字的四捨五入值,類型是整數。
- sin函數:返回一個數字的正弦值,結果為-1~1。
- sqrt函數:返回一個數字的平方根值。
- tan函數:返回一個數字的正切值。
5.字符串函數:
- anchor函數:產生一個鏈接點(anchor)以作超級鏈接用。anchor函數設定<A NAME…>的鏈接點的名稱,另一個函數link設定<A HREF=…>的URL地址。
- big函數:將字體加到一號,與<BIG>…</BIG>標籤結果相同。
- blink函數:使字符串閃爍,與<BLINK>…</BLINK>標籤結果相同。
- bold函數:使字體加粗,與<B>…</B>標籤結果相同。
- charAt函數:返回字符串中指定的某個字符。
- fixed函數:將字體設定為固定寬度字體,與<TT>…</TT>標籤結果相同。
- fontcolor函數:設定字體顏色,與<FONT COLOR=color>標籤結果相同。
- fontsize函數:設定字體大小,與<FONT SIZE=n>標籤結果相同。
- indexOf函數:返回字符串中第一個查找到的下標index,從左邊開始查找。
- italics函數:使字體成為斜體字,與<I>…</I>標籤結果相同。
- lastIndexOf函數:返回字符串中第一個查找到的下標index,從右邊開始查找。
- length函數:返回字符串的長度。(不用帶括號)
- link函數:產生一個超級鏈接,相當於設定<A HREF=…>的URL地址。
- small函數:將字體減小一號,與<SMALL>…</SMALL>標籤結果相同。
- strike函數:在文本的中間加一條橫線,與<STRIKE>…</STRIKE>標籤結果相同。
- sub函數:顯示字符串為下標字(subscript)。
- substring函數:返回字符串中指定的幾個字符。
- sup函數:顯示字符串為上標字(superscript)。
- toLowerCase函數:將字符串轉換為小寫。
- 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.判斷一個數據是否為空
- if(something!=null)// 這種比較麻煩
- if(something) //簡單明了
- setAttribute()/getAttribute()方法 用於修改/顯示元素節點的title屬性
- childNodes獲取元素的所有子元素(數組)
- nodeType屬性 返回數字,元素節點返回1 屬性節點返回2 文本節點返回3
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/208760.html
微信掃一掃
支付寶掃一掃