javascript
# javascript 总结
# javascript 總結(jié)
## 語法
1. 區(qū)分大小寫
2. 命名規(guī)范
1. 首字母必須是 字母 _ $
2. 其他字符可以是 數(shù)字 字母 下劃線 $
3. 避開系統(tǒng)的關(guān)鍵字
4. 單詞和單詞連接方式推薦駝峰命名
3. 注釋
1. 單行注釋 //注釋的內(nèi)容
2. 多行注釋 /*注釋內(nèi)容*/
4. 語句
1. 要用;結(jié)尾(推薦做法)
2. 如果不寫; 那么系統(tǒng)默認(rèn)以換行作為語句的結(jié)尾
## 變量/常量
1. 變量聲明 var
2. 常量聲明 const
## 數(shù)據(jù)類型
1. typeof 檢測數(shù)據(jù)類型 a=null;typeof a 可能是object 對于比較老的瀏覽器是function
2. undefined
3. null
4. Boolean
1. true/false
5. Number
1. 數(shù)字(正/負(fù)/整/小/0/Infinity/-Infinity)
2. NaN NaN==NaN 返回false
6. String
1. 使用單引號或者雙引號來定義
2. 轉(zhuǎn)義字符\ \n \t \r \' \"
3. 字符串可以通過數(shù)組下標(biāo)的方式來調(diào)用字符串對應(yīng)位置的字符
## 運算符
1. 算術(shù)運算符: + - * / % ++ -- +(正) -(反)
2. 字符串: +
3. 比較運算符: > < == === != !== >= <=
4. 邏輯運算符: && || !
5. 位運算符: & | ^ XOR << >> <<< >>>
6. 三元運算符: 條件? 語句1:語句2
7. 賦值: = 帶操作賦值: += -= *= /= %= |= &= ^= <<= >>= <<<= >>>=
8. 其他運算符: . , typeof delete instanceof void
## 流程控制語句
### 分支
#### if語句
```
1. if(條件){執(zhí)行.....}
2. if(條件){...}else{...}
3. if(條件){...}else if(條件){}
4. if(條件){...}else if(條件){}else{}
5. if語句可以嵌套多層
```
#### switch語句
```
switch(傳入值){
case 值:
執(zhí)行內(nèi)容...;
break;
case 值:
....
break;
default:
執(zhí)行.....
}
```
### 循環(huán)
#### for
```
//語句1只執(zhí)行1次
//執(zhí)行語句2 當(dāng)語句2返回true 繼續(xù)執(zhí)行
for(語句1;語句2;語句4){
語句3
}
```
#### while
```
while(條件){...} //條件為真 執(zhí)行
do{...}while() //先執(zhí)行一次 再判斷條件是否為真 為真繼續(xù)執(zhí)行
```
#### for...in
```
//遍歷數(shù)組或者對象
for(var i in obj){
//i表示 obj 的 下標(biāo) 鍵名
obj[i] //obj 下標(biāo)i對應(yīng)的 值
}
```
## 函數(shù)(作用域)
```
function 函數(shù)名(){
}
var 變量名 = function(){}
//調(diào)用
函數(shù)名()
變量名()
(function(形參){})(實參)
(function(形參){}(實參))
函數(shù)里邊內(nèi)部有個arguments 表示 實參對象
```
## 對象
1. 對象聲明
```
//數(shù)組
var arr = [];
var arr = new Array();
//對象
var obj = {};
var obj1 = new Object();
var obj2 = new 自定義構(gòu)造方法();
var obj = {"name1":"zhangsan",name2:"lisi"}
```
2. 構(gòu)造方法
```
//構(gòu)造方法
function Person(n){
this.name = n||'小白';
this.say = function(){
alert(this.name)
}
}
```
## 內(nèi)置對象
### Boolean
### Date
```
getFullYear()//年
getMonth()//月 0-11 當(dāng)前月份需要+1
getDate()//日
getDay()//星期 0~6 0星期日
getHours()//時
getMinutes()//分
getSeconds()//秒
getMilliseconds()//毫秒
getTime()//時間戳 毫秒級
toString() //以字符串形式輸出
valueOf() //內(nèi)部存的值
```
### Number
```
toString(進(jìn)制)
toFixed(n) 顯示n位小數(shù)
toExponential(n)顯示n位.后面的數(shù) 指數(shù)表示法
toPrecision(n) 顯示n位
```
### Math
```
Math.PI //3.1415926535
Math.abs() //取絕對值
Math.ceil() //進(jìn)一取整
Math.floor() //退一取整
Math.max()//最大值
Math.min()//最小值
Math.pow(x,y)//x的y次冪
Math.random() //0~1的隨機數(shù)
//m~n隨機整數(shù)
//Math.floor(Math.random()*(n-m+1))+m//建議使用
//Math.ceil(Math.random()*(n-m+1))+m-1
Math.round() //round 四舍五入
Math.sqrt() //求平方根
```
### String
```
trim() //清空兩側(cè)的空白
//查找
charAt() // 獲取指定位置上的字符
charCodeAt() //獲取對應(yīng)位置上的字符的ASCII碼
indexOf(“abc”) //返回子字符串a(chǎn)bc在字符串中第一次出現(xiàn)的位置
lastIndexOf(“abc”) //返回子字符串a(chǎn)bc在字符串中最后一次出現(xiàn)的位置
match(regexp) //找到一個或多個正則表達(dá)式的匹配
search(regexp) //查找與正則表達(dá)式相匹配的子字符串
//替換
replace(表達(dá)式,替換的字符串) //替換一個與正則表達(dá)式相匹配的子串
//截取
split(正則表達(dá)式,數(shù)組最大長度) //用于把一個字符串分割成字符串的數(shù)組
slice(startindex,endindex) //返回一個子字符串
substring(startindex,endindex) //返回一個子字符串
substr(startindex,length) //返回一個子字符串
//轉(zhuǎn)換
toLowerCase() //將字符串轉(zhuǎn)換為小寫
toUpperCase() //將字符串轉(zhuǎn)換為大寫
```
### RegExp
```
exec() //返回匹配內(nèi)容
test() //判斷是否匹配
```
### Array
```
//添加/刪除
unshift() //從數(shù)組頭部添加元素
shift() //從數(shù)組頭部刪除一個元素
push() //從尾部添加
pop() //從尾部彈出一個元素
splice() //刪除 替換 或 插入數(shù)組元素
//截取
concat() //合并 數(shù)組 或 元素 為一個新數(shù)組
slice() //返回數(shù)組中的一部分
//格式化
toString() //以字符串形式輸出數(shù)組
join() //將數(shù)組元素以某個字符連接成字符串
reverse() //顛倒數(shù)組中元素順序
sort() //排列數(shù)組中元素順序
```
### Function (沒用)
### Global
```
parseInt() //強制轉(zhuǎn)換成int
parseFloat() //強制換行成float
isNaN() //判斷是不是NaN
isFinite() //判斷是不是Infinity
eval() //把字符串當(dāng)做JS語句執(zhí)行
escape() //編碼
unescape() //解碼
```
## BOM
### Location 對象 當(dāng)前文檔url地址對象模型
```
//跳轉(zhuǎn)頁面 設(shè)置 location.href = ""
protocal //協(xié)議
hostname //主機域名
port //端口號
pathname //路徑加文件名
search //get參數(shù) ?后面的內(nèi)容
hash //錨點 #后面的
href //完整url地址
assign() //跳轉(zhuǎn)
replace() //替換跳轉(zhuǎn)
reload() //刷新
```
### Navigator 瀏覽器信息
```
appCodeName //代碼名稱
appName //瀏覽器名稱
appVersion //瀏覽器版本號
language //語言
platform //系統(tǒng)
userAgent //用戶請求頭
```
### screen 瀏覽器屏幕信息
```
width //屏幕寬度
height //屏幕高度
availWidth - 可用的屏幕寬度
availHeight - 可用的屏幕高度
```
### history 訪問網(wǎng)頁歷史
```
back() //后退 返回上一個 url
forward() //前進(jìn) 到下一個 url
go(n) //跳轉(zhuǎn)到 第 n 個 url
```
### 其他
```
alert("文本") //警告框
confirm("文本") //確認(rèn)框
prompt("文本","默認(rèn)值") //提示框
setInterval()
clearInterval()
setTimeout
clearTimeout()
```
## DOM
```
all[] //提供對文檔中所有 HTML 元素的訪問。
forms[] //所有form元素
images[]//所有img元素
links[]//所有a元素
?
//節(jié)點獲取
getElementById() //通過id獲取節(jié)點
getElementsByTagName() //通過標(biāo)簽名獲取節(jié)點
getElementsByName() //通過name屬性獲取節(jié)點
childNodes children
firstChild firstElementChild
lastChild lastElementChild
nextSibling nextElementSibling
previousSibling previousElementSibling
parentNode parentElement
//獲取屬性
attributes //屬性集合
getAttribute("屬性名") //獲取屬性
setAttribute("屬性名","屬性值") //設(shè)置屬性
node.removeAttribute("屬性名") //刪除屬性
className
//節(jié)點操作
document.createElement() //創(chuàng)建節(jié)點
document.createTextNode(); //創(chuàng)建文本節(jié)點
parentNode.appendChild() //添加節(jié)點
parentNode.insertBefore(newNode,oldNode) //在xx節(jié)點前面添加子節(jié)點
parentNode.replaceChild(newNode,oldNode) //把xx節(jié)點替換上一個新節(jié)點
parentNode.removeChild() //刪除節(jié)點
//便捷操作 獲取內(nèi)容
node.innerHTML //獲取標(biāo)簽里邊所有內(nèi)容
node.value //獲取表單的值
```
## 事件
```
//鼠標(biāo)事件
* onclick //單擊
dblclick//雙擊
mousedown//按下
mouseup//抬起
* mouseover //移入
* mouseout//移出
* mousemove//移動
contextmenu//鼠標(biāo)右鍵
//鍵盤事件
onkeydown//按下
onkeyup//按起
onkeypress//在用戶敲擊按鈕時觸發(fā)
//文檔
* onload 加載
* scroll 滾動條
resize //監(jiān)聽瀏覽器窗口大小改變
//表單
** onsubmit 提交事件
* focus 獲取焦點
* blur 失去焦點
* change 內(nèi)容改變
onselect 在元素中文本被選中后觸發(fā)。
```
### 事件對象
```
onXXX = function(ent){
//獲取事件對象
var e = ent || window.event;//兼容性處理
}
//事件對象的屬性
altKey 返回當(dāng)事件被觸發(fā)時，"ALT" 是否被按下。
button 返回當(dāng)事件被觸發(fā)時，哪個鼠標(biāo)按鈕被點擊。
* clientX 返回當(dāng)事件被觸發(fā)時，鼠標(biāo)指針的水平坐標(biāo)。
* clientY 返回當(dāng)事件被觸發(fā)時，鼠標(biāo)指針的垂直坐標(biāo)。
* pageX 相對于頁面的位置
* pageY 相對于頁面的位置
ctrlKey 返回當(dāng)事件被觸發(fā)時，"CTRL" 鍵是否被按下。
metaKey 返回當(dāng)事件被觸發(fā)時，"meta" 鍵是否被按下。
relatedTarget 返回與事件的目標(biāo)節(jié)點相關(guān)的節(jié)點。
screenX 返回當(dāng)某個事件被觸發(fā)時，鼠標(biāo)指針的水平坐標(biāo)。
screenY 返回當(dāng)某個事件被觸發(fā)時，鼠標(biāo)指針的垂直坐標(biāo)。
shiftKey 返回當(dāng)事件被觸發(fā)時，"SHIFT" 鍵是否被按下。
* keyCode 返回字符的ascii碼
//取消冒泡
e.cancelBubble = true||e.stopPropagation();
```
## ajax
?
轉(zhuǎn)載于:https://www.cnblogs.com/zhuozhouzjh/p/5815006.html
總結(jié)
以上是生活随笔為你收集整理的# javascript 总结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Java 删除非空文件夹
- 下一篇： zepto源码研究 - ajax.js（