用一篇文章總結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