1. 程式人生 > >用一篇文章總結Javascript

用一篇文章總結Javascript

JS是由以下三個組成部分,下面我也會按這三個部分依次總結,只需掌握這些基本語法,再學會如何查JS文件,基本上就差不多了,不要強記,用的時候不記得都在文件裡了,多動手敲敲自然就熟透於心啦!文末有JS文件下載連結,最好備一個。

  • ECMAScript:js基礎語法
  • BOM:瀏覽器物件模型
  • DOM:文件物件模型

一,ECMAScript基礎語法

變數宣告 :
var 變數名=初始化值;

資料型別:
1.原始型別

  • Undefined Null
  • String
  • Number
  • Boolean:偽物件

    通過typeof運算子可以判斷出屬於那種原始型別
    typeof 值|變數

2.引用型別

  • Boolean
  • Number
  • String

            常用屬性:length
            常用方法:
                substring
                split
                replace
    
  • Array
    常用屬性:length
    注意:
    array長度可以變化
    array可以存放任意值

  • Math
  • Date
  • RegExp
    常用方法:test()
    直接量語法:
    /正則表示式/

全域性
decodeURI 解碼
eval 計算字串,解析成js程式碼執行
運算子:
關係運算符
等性運算子 == ===
語句:
選擇 迴圈

2.BOM(瀏覽器物件模型)

window:視窗
    常用屬性:
        獲取其他的四個物件
            window.location....
    常用方法:
        訊息框
            alert confirm prompt
        定時器
            setInterval 週期
            setTimeout 延遲
        開啟關閉 
            open close
location:定位
    location.href:設定或者獲取url
history:歷史
    go()

///////////////////////////////
事件和函式
掌握的事件:
焦點:
onfocus
onblur
表單事件
onsubmit
onchange 改變
頁面或者元素載入
onload
最常用的方式:
window.onload=function(){};
單擊
onclick
函式:
方式1:
function 函式名(引數列表){
函式體
}
方式2:
匿名函式
例如:window.onload=function(){};

事件繫結函式:
方式1:通過元素的事件屬性
若引數為this:是將當前的dom物件傳遞給了函式
方式2:派發事件
dom物件.onxxx=function(){};

3.DOM(文件物件模型)
就是我們的html程式碼載入到記憶體中會形成一棵document樹
節點:
文件節點 document
元素節點 element
屬性節點 attribute
文字節點 text
獲取一個元素節點:通過document獲取
四個
操作元素的屬性
dom物件.屬性
操作元素的標籤體
dom物件.innerHTML