一個完整的 JavaScript 實現(xiàn)應(yīng)該由下列三個不同的部分組成：
1.核心（ECMAScript）
2.文檔對象模型（DOM）
3.瀏覽器對象模型（BOM） *js下學(xué)習(xí)

js可以實現(xiàn)頁面交互效果嚼蚀，主要運行在客戶端，瀏覽器解釋執(zhí)行辽社，種差家屬Python些己，PHP的一種專門為網(wǎng)頁交互設(shè)計的客戶端解釋性腳本語言，1995年創(chuàng)建惕艳。

1995年JS誕生乐设；97年ECMAscript誕生晚树，2009年ECMA5出現(xiàn)稚晚，2015年ECMA6出現(xiàn)

onclick 點擊事件【onclick="" js行內(nèi)樣式】 src引入外部js文件地址路徑 崇堵，js文件從上到下逐漸顯示

js內(nèi)嵌樣式：script

js輸入輸出語句：（主要三個） # 頁面輸出文字 document.write(‘嘰嘰呱呱’) 在頁面輸出嘰嘰呱呱】脱啵【可以識別標(biāo)簽】
1.alert（msg） 瀏覽器彈出警示框 歸屬于瀏覽器 【有堵塞頁面執(zhí)行的作用】

2.prompt（info） 瀏覽器彈出輸入框鸳劳，用戶可以輸入 歸屬于瀏覽器

3.console.log（msg） 瀏覽器控制臺打印輸出信息 歸屬于瀏覽器，在控制臺可以看見幸逆，在審查元素中console顯示

變量：變量是一個可以存儲單個可變信息的容器

變量的使用分兩步（1.聲明變量 2.賦值）
1.var是一個js關(guān)鍵字，用來聲明變量（variable變量的意思）暮现，使用關(guān)鍵字聲明后还绘，計算機會自動為變量分配空間，不需要程序員參與栖袋。

2.age是程序員定義的變量名拍顷，通過變量名訪問內(nèi)存中分配的空間。

3.=用來把右邊的值賦予左邊的變量名空間中塘幅，右邊的值為變量值昔案。即程序員保存到變量空間中的值尿贫。

4.聲明變量并直接給他一個值，叫變量的初始化踏揣。#

聲明多個變量庆亡，在var后面加變量名和變量值，中間用逗號隔開就可以捞稿。console.log()括號中的變量用逗號隔開又谋，也可以添加多個變量。

5.一個變量給多個值娱局，以最后一個變量值為準(zhǔn)彰亥。變量之間用逗號隔開可以聲明多個變量∷テ耄【不建議】

聲明變量的特殊情況：
1.只聲明不賦值[var sex; console.log(sex)],程序不能識別任斋，會顯示undefined(未定義的）。defined 定義耻涛。
2.不聲明直接賦值使用【console.log(tel)】,系統(tǒng)會報錯废酷，不刪除會導(dǎo)致后續(xù)變量無法無法識別。
3.不聲明直接賦值使用【QQ=123; console(QQ)】,可以識別犬第，但不建議使用

變量命名規(guī)范：
1.由字母锦积，數(shù)字，下劃線歉嗓，美元符號$組成丰介。【空格也不允許】
2.嚴(yán)格區(qū)分大小寫 var app;和var APP;是兩個不同的變量鉴分。
3.不能以數(shù)字開頭哮幢。 命名錯誤會在下方出現(xiàn)波浪線標(biāo)識。
4.不能是關(guān)鍵字志珍，保留字橙垢。如var,for,while，name
5.遵循駝峰命名法伦糯，即首單詞字母小寫柜某，后面的單詞首字母大寫。（myName 小駝峰命名法【推薦使用】 MyName 大駝峰命名法）
6.變量名必須有意義敛纲，即不取中文拼音喂击，盡量取英文。英文命名單詞可以在有道淤翔，愛詞霸翻譯網(wǎng)站搜索翰绊。

DOM操作是一個使程序和腳本有能力動態(tài)的訪問和更新文檔的內(nèi)容，結(jié)構(gòu)以及樣式的平臺和語言中立的接口。

DOM節(jié)點分為三大類：元素【標(biāo)簽】節(jié)點监嗜，屬性節(jié)點谐檀，文本節(jié)點

節(jié)點之間的關(guān)系：文本節(jié)點，屬性節(jié)點是屬于元素節(jié)點的子節(jié)點裁奇。

查找DOM節(jié)點：
1.通過ID名查找DOM元素 語法：document.getElementByld("id名")
var 變量名=document.getElementByld(‘id名’);
console.log(‘變量名’);
2.通過標(biāo)簽名找DOM元素 語法：document.getElemensByTagName（“標(biāo)簽名”）【classname 通過class名查找元素】
3.修改設(shè)置元素的內(nèi)容 語法：innerHTML=‘內(nèi)容
’
4.修改添加樣式 # 在變量名.innerHTML修改之前添加
語法：1. 變量名.style=‘修改內(nèi)容’; 2.變量名.style.css屬性名【背景桐猬，邊框之類的】=‘屬性值’; 3.變量名.style.cssText=‘修改內(nèi)容’；【擴展】

5.數(shù)組[]：所有數(shù)據(jù)的集合框喳，[]中可以添加數(shù)字课幕，字符

document.querySelectorAll(‘ul>li’）獲取ul下所有l(wèi)i，不獲取其他ol下li五垮。
document.querySelector(‘ul>li’） 獲取ul下第一個li乍惊。
document.querySelector(# 或者. ）獲取id為某某或class名為某某的元素
【變量名.length】獲得打印輸出的總個數(shù)

獲取元素class名語法：元素.className
修改元素class名語法：元素.className=‘內(nèi)容’

數(shù)據(jù)類型：基本數(shù)據(jù)類型：數(shù)字，字符串放仗，布爾润绎，undefined,null

布爾類型 boolean:返回值：true真 false假 一個=是賦值，==是判斷【返回值為布爾類型】诞挨，===是全等莉撇，不僅判斷結(jié)果還要判斷類型

null==undefined null===undefined false

引用類型：object:array
function

臨時變量【temp】：有一個容器類的作用，可以在交換兩個變量的值時惶傻，做臨時儲存使用棍郎。;

舉例： 這樣可以把app1的變量值與app2的變量值互相轉(zhuǎn)換。
var temp;【聲明一個臨時變量為空】
var app1=‘青蘋果’银室；
var app2=‘紅蘋果’涂佃；
temp=app1; （把右邊給左邊）
app1=app2;
app2=temp；
console.log(app1);
console.log(app2);

js的變量數(shù)據(jù)類型是只有在程序運行過程中蜈敢，根據(jù)等于號右邊的值來確定的辜荠。
var nub=10; nub為數(shù)字型
nub=‘嘎嘎’ nub變?yōu)樽址?/p>

js把數(shù)據(jù)類型分為兩類：簡單數(shù)據(jù)類型【Number，String,Biilean,Undefined,Null】和復(fù)雜數(shù)據(jù)類型【object】

數(shù)值類型number【用來表示數(shù)字的，任何數(shù)字都可以使用數(shù)值類型，比如年份踊跟，價格等】：

包含有整數(shù)，小數(shù)沈条，NaN【NaN！=NaN 不等于他本身。NaN與任何值運算，都等于他本身】
字符串要加引號药磺，如果沒加引號。js會把它當(dāng)做變量對待
轉(zhuǎn)義字符單引號' 雙引號" \r回車 \n換行

進制誉察，常用的進制有二与涡，八惹谐，十持偏，十六進制 八進制前加0驼卖，十六進制前加0x;

八進制數(shù)字序列范圍0~7 十六進制數(shù)字序列范圍0_9以及af
var num1=07; 對應(yīng)十進制的7
var num2=019； 對應(yīng)十進制的19
var num3=08鸿秆； 對應(yīng)十進制的8
var num4=0xa; 推出num4變量值為10

數(shù)字型最大值 console.log(number.max_value)
數(shù)字型最小值 console.log(number.mix_value)
數(shù)字型無窮大 console.log(number.max_value2) 得出infinity【無窮大】
數(shù)字型無窮小 console.log(-number.max_value2) 得出-infinity【無窮小】
數(shù)字型非數(shù)字 console.log(pink-100） 得出nan 非數(shù)字

isnan（）用來判斷一個變量是否為非數(shù)字類型酌畜，并返回一個值，如果是數(shù)字返回false卿叽，如果不是數(shù)字桥胞，返回true。
console.log（isnan（pink）） 返回true
console.log（isnan（123）） 返回false

typeof:檢測數(shù)據(jù)類型考婴，但是type檢測數(shù)據(jù) 語法：typeof(內(nèi)容） typeof 內(nèi)容

parselnt【取整】 parselnt （值） 小數(shù)點之后贩虾，字符串之后不顯示，輸出NaN

parsefliat【取小數(shù)】 parsefloat(值） 顯示第一個小數(shù)點之后的小數(shù)沥阱，第二個小數(shù)點之后的數(shù)和字符串不顯示缎罢。

isNaN 檢測是否是非數(shù)字 語法：isnan（檢測值） 返回值：非數(shù)字true 數(shù)字false

字符串轉(zhuǎn)換：string toString【undefined,null不能使用】

運算符是用于執(zhí)行一個及以上操作數(shù)項目運算的符號
包括：算術(shù)運算符，輔助運算符考杉，比較運算符策精，邏輯運算符，條件運算符

Infinity 正無窮 -Infinity負(fù)無窮

負(fù)無窮減負(fù)無窮=NaN

toFixed 保留小數(shù) 語法：值.toFixed(保留幾位小數(shù)) 舉例：str.toFixed（2）

如何比較運算符
兩個操作數(shù)都是數(shù)值崇棠，數(shù)值比較
兩個操作數(shù)都是字符串咽袜，則比較兩個字符串對應(yīng)的字符串編碼值
兩個操作數(shù)有一個是數(shù)值，則將另一個數(shù)轉(zhuǎn)換為數(shù)值枕稀，進行比較

&&邏輯與：遇到&&找假询刹，如果有假，則返回第一個假值抽莱，如果全為真范抓，則返回最后一個真值
【假值：0，"",NaN,null,undefined,false】
||邏輯或：遇到||食铐，找真匕垫，如果有真值，則返回第一個真值虐呻，如果全部為假值象泵，則返回最后一個假值

三元表達式：變量名=表達式？表達式1：表達式2

條件語句：
if語句：多用于區(qū)間判斷

switch語句【多用于固定值判斷】：利用我們表達式的值和case后面的選項值相匹配斟叼，如果匹配上偶惠，就執(zhí)行case里面的語句，如果沒有匹配上朗涩，那么就執(zhí)行default里面的語句
switch（表達式）{
case 表達式1：
輸出方式
break忽孽；
switch（表達式【通常用一個以聲明的變量來容納】）{
case 表達式2：
輸出方式
break；
default：
輸出方式
}

循環(huán)語句：條件控制循環(huán) 計數(shù)控制循環(huán)
while（表達式）{
語句塊；
}

do
{
語句塊
}while（表達式）

for（表達式1兄一；表達式2厘线；表達式3）{
語句塊；
}
先執(zhí)行表達式1出革，再判斷表達式2造壮，條件成立，執(zhí)行語句塊然后執(zhí)行表達式3增加變量

break 跳轉(zhuǎn) 可以用在switch和循環(huán)中骂束，結(jié)束本層循環(huán)

contioue 繼續(xù)耳璧，移動，跳過本次循環(huán)展箱，繼續(xù)下一個循環(huán) 只能用在循環(huán)中

funcition 聲明函數(shù)旨枯，是代碼中的模具
var 聲明變量

函數(shù)聲明式
funcition 函數(shù)名()

形參：形式函數(shù)，聲明函數(shù)時混驰，定義的參數(shù)名
實參：實際參數(shù)召廷，調(diào)用函數(shù)時，傳過去的參數(shù)值
形參和實參一一對應(yīng)
匿名函數(shù)：function（）{}
調(diào)用匿名函數(shù)：
（function（）{}）（）

變量提升

在js環(huán)境中只要出現(xiàn)var或者funcition账胧，先提升變量

全局變量竞慢，局部變量

函數(shù)返回值return return 變量名 可以返回js中的任意數(shù)據(jù)類型
函數(shù)返回值未定義 return 和沒有return 如果函數(shù)沒有顯示使用return語句，或后面沒有任何值治泥，那么函數(shù)默認(rèn)返回值是undefined return后語句不會再執(zhí)行筹煮，return語句只適應(yīng)函數(shù)

arguments 類數(shù)組，返回所有實參的集合
arguments[i] 獲取某一項實參 i是數(shù)組的下標(biāo)居夹，從0開始計算
arguments.length：獲取實參長度
arguments[arguments.length-1]獲取實參最后一位

函數(shù)中沒有var败潦，為全局變量，可以在外部使用這個變量准脂；如果var了劫扒，即使和函數(shù)外的變量名一樣，也沒有任何關(guān)系

markdown文檔

客觀說法：一切皆對象【面試不能說】

定義對象兩種方法：
字面量定義：var obj={屬性名：屬性值狸膏，屬性名：屬性值}

new關(guān)鍵字定義：var obj=new Object({屬性名：屬性值沟饥，屬性名：屬性值}); 【new后首字母大寫】

獲取屬性值：obj.屬性名 obj[‘屬性名’]

添加屬性的方法：
obj.屬性名=屬性值
obj[‘屬性名’]=屬性值

修改屬性
obj.屬性值=屬性名
obj[‘屬性名’]=屬性值

Math對象
console.log(Math.PI) π 3.1415926535
console.log(Math.pow(3,2)) 三的二次方 冪
console.log（Math.floor(2.2334）) 向下取整 2
console.log（Math.ceil(2.2342)) 向上取整 3
console.log（Math.round(3.54) 四舍五入 4
console.log（Math.random()) 0~1的隨機數(shù)
console.log（Math.E） 自然數(shù) Math.log
console.log（Math.max(2,3,7) 獲取最大值 7 （）沒有內(nèi)容時，輸出-infinity 如果max內(nèi)部有非數(shù)字湾戳，先轉(zhuǎn)換成數(shù)字贤旷；如果轉(zhuǎn)后出現(xiàn)NaN，直接輸出NaN
console.log（Math.min(false,null,3) 獲取最小值 0 （）沒有內(nèi)容時砾脑，返回infinity
Math.floor( (Math.random()(m-n+1))+n) 獲取n-m中隨機數(shù)
Math.floor（(Math.random()arr.length） 獲取arr數(shù)組中隨機下標(biāo)
arr[Math.floor(Math.random()*arr.length)] 獲取arr數(shù)組中隨機某一項

Date 日期幼驶，日歷 計算機中月份是從零開始計算的，自己設(shè)置時間時韧衣，注意要比想設(shè)置月份減一盅藻，如果用字符串包裹购桑，則可以直接設(shè)置時間，年月日用逗號氏淑，-其兴，/隔開都可以

直接獲取當(dāng)前時間 new Date（）

先獲取時間，然后：
new.Date().getFullYear() 獲取年份
new.Date().getMonth()+1 獲取月份
new.Date().getDate() 獲取日期
new.Date().getDay() 獲取星期 【周日是0夸政，其他正常】
new.Date().getHours() 獲取小時
new.Date().getMinutes() 獲取分鐘
new.Date().getSeconds() 獲取秒鐘
new.Date().getMilliseconds() 獲取毫秒

new.Date().setFullYear() 設(shè)置年份 括號里加數(shù)值榴徐，否則返回NaN
new.Date().setMonth()+1 設(shè)置月份
new.Date().setDate() 設(shè)置日期
new.Date().setDay() 設(shè)置星期 【周日是0守问，其他正常】
new.Date().setHours() 設(shè)置小時
new.Date().setMinutes() 設(shè)置分鐘
new.Date().setSeconds() 設(shè)置秒鐘
new.Date().setMilliseconds() 設(shè)置毫秒

獲取時間戳
new Date（）*1
new Date（）.getTime（）
myDate.valueOf()

繼承的方法：
valueOf() 返回日期對象的原始值坑资，從1970年1月1日開始計數(shù)的毫秒值

display：flex flex：1

[]數(shù)組 有序集合 Array數(shù)組

maxIndex=變量.length-1 最大下標(biāo)index=數(shù)組長度-1

聲明數(shù)組方式：

字面量聲明：var arr=[1,2,3,4]耗帕；

new關(guān)鍵字聲明：var arr=new Array(1,2,3,4)
1.只有一個參數(shù)時，并且這個參數(shù)是數(shù)值類型袱贮，這個參數(shù)代表數(shù)組長度
2.只有一個參數(shù)仿便，這個參數(shù)不是數(shù)值類型，這個參數(shù)代表數(shù)值本身

獲取數(shù)組中某一項 array[下標(biāo)]

獲取數(shù)組長度 array.length

修改數(shù)組某一項 array[下標(biāo)]=值

向后添加數(shù)組 array[下標(biāo)]=值

通過長度清空數(shù)組 arr.length=0

刪除末項 arr.length=數(shù)組長度-1

arr.push() 向后添加數(shù)組項 返回值：添加后數(shù)組的長度攒巍，改變原數(shù)組

arr.unshift() 向前添加數(shù)組項 返回值：添加后數(shù)組的長度 改變原數(shù)組

arr.pop() 刪除數(shù)組最后一項 返回值：刪除項 改變原數(shù)組

arr.shift() 刪除數(shù)組第一項 返回值：刪除項 改變原數(shù)組

arr.splice() 萬能法：刪除【arr.splice(刪除起始數(shù)下標(biāo)嗽仪，刪除個數(shù)，添加內(nèi)容柒莉。闻坚。。)】 返回值：刪除項 改變原數(shù)組

arr.reverse() 反轉(zhuǎn)數(shù)組順序 返回值：順序反轉(zhuǎn)后結(jié)果 改變原數(shù)組

arr.sort() 排序 數(shù)組中必須是數(shù)字
arr.sort(function(a,b){return a-b}) 升序排列兢孝，從小到大
arr.sort(function(a,b){return b-a}) 倒序排列窿凤，從大到小
沒有參數(shù)時，按字符串排序跨蟹，默認(rèn)升序

arr.slice(startIndex,endIndex) 截取數(shù)組中某一項 第一個參數(shù)為開始下標(biāo)【如果只有第一項雳殊，默認(rèn)從這個下標(biāo)截取到最后一項，如果參數(shù)為負(fù)數(shù)窗轩，代表從后朝前去找】夯秃，第二個參數(shù)為結(jié)束下標(biāo)，結(jié)束項向后推一 【兩個參數(shù)要滿足從小到大痢艺，如果沒有參數(shù)寝并，全部截取（第一個參數(shù)默認(rèn)為0腹备，第二個參數(shù)默認(rèn)為參數(shù)長度）】 返回值：截取后的數(shù)組項 不改變原數(shù)組

arr.concat(arr1) 數(shù)組拼接 合并項 返回值：數(shù)組拼接后的結(jié)果衬潦，數(shù)組 不改變原數(shù)組
arr.indexOf（） 數(shù)組查找 查找項，開始查找下標(biāo) 返回值：數(shù)組中第一個查找項下標(biāo)植酥，如果數(shù)組中沒有這項镀岛，返回-1 不改變原數(shù)組

lastIndexOf（） 從后往前數(shù)據(jù)查找 返回值：對象下標(biāo)

arr.join（） 數(shù)組轉(zhuǎn)化為字符串 返回值：字符串

var arr=[[1,2]3,4] 二維數(shù)組

字符串 string

聲明方式：字面量：var str=‘’弦牡； new關(guān)鍵字：var str=new String();

獲取字符串元素：str[下標(biāo)] 字符串長度：str.length
字符串只要被定義就不能被設(shè)置

charAt() 字符串查找

slice（） 字符串截取 開始下標(biāo)，結(jié)束下標(biāo)

substr(a,b) 從a開始漂羊，截取b個數(shù) 參數(shù)下標(biāo)取值是否能取正

substring() 截取

concat（） 合并

toUpperCase() 轉(zhuǎn)大寫 toLowerCase() 轉(zhuǎn)小寫

str.replace（） 替換 第一個參數(shù)驾锰，改變目標(biāo)項 第二個參數(shù)，改變內(nèi)容 返回新字符串

str.trim() 字符串去前后空格走越，中間空格去不掉

str.split() 字符串轉(zhuǎn)數(shù)組 用空格會單獨分開 ‘ef’分隔符

字符串大小寫轉(zhuǎn)化： 轉(zhuǎn)大寫：toUpperCase（） 轉(zhuǎn)小寫：toLowerCase()
Number（）轉(zhuǎn)換數(shù)字 undefined,‘a(chǎn)bc’==>NaN ‘’椭豫，null,false,‘0’==>0
null,undefined 不能使用String（）字符串轉(zhuǎn)換
Boolean（） 轉(zhuǎn)換布爾值 NaN，undefined旨指，‘’,null,0 轉(zhuǎn)換為false

算術(shù)運算符：+赏酥，-，*谆构，/裸扶，%，++搬素，-- 除了+以外呵晨，都有隱式轉(zhuǎn)換
賦值運算符 + += -= /= %= 有隱式轉(zhuǎn)換
關(guān)系運算符 < > >= <= == === != !== 有隱式轉(zhuǎn)換
邏輯運算符 && || ！ 會出現(xiàn)短路情況
三元運算符 A ? B : C
跳轉(zhuǎn)語句 break 終止語句熬尺，后續(xù)不執(zhí)行 continue 結(jié)束本次循環(huán)摸屠，進行下一次

函數(shù)聲明式和表達式區(qū)別： 聲明式可以前后調(diào)用，表達式只能在定義后調(diào)用

返回值 return 沒有return 函數(shù)返回undefined