達(dá)內(nèi)web前端js筆記

1、2015 年 6 月份達(dá)內(nèi) 月份達(dá)內(nèi) web 前端就業(yè)班培訓(xùn) 前端就業(yè)班培訓(xùn) JS 部分 部分前端三大基礎(chǔ)知識(shí)： 前端三大基礎(chǔ)知識(shí)：HTML：專門編寫網(wǎng)頁(yè)內(nèi)容 ：專門編寫網(wǎng)頁(yè)內(nèi)容CSS：專門設(shè)計(jì)網(wǎng)頁(yè)樣式 ：專門設(shè)計(jì)網(wǎng)頁(yè)樣式JavaScript：專門設(shè)計(jì)網(wǎng)頁(yè)交互的語(yǔ)言（ ：專門設(shè)計(jì)網(wǎng)頁(yè)交互的語(yǔ)言（9 天） 天）=============================================================Day1

2、JavaScript：專門設(shè)計(jì)網(wǎng)頁(yè)交互的語(yǔ)言交互：輸入數(shù)據(jù)，程序處理數(shù)據(jù)，返回結(jié)果什么是 JavasCript：1. 專門設(shè)計(jì)網(wǎng)頁(yè)交互的語(yǔ)言2. 運(yùn)行在 javaScript 解釋器中3. “解釋”執(zhí)行4. 互聯(lián)網(wǎng)第一大語(yǔ)言：JSerECMAScript 標(biāo)準(zhǔn)：JavaScript 核心語(yǔ)法微軟：JscriptW3C:DOM 標(biāo)準(zhǔn)：專門操作 HTML 元素，CSS 樣式，事件的統(tǒng)一標(biāo)準(zhǔn)！BOM：專門操作瀏覽器窗口的工具。沒(méi)標(biāo)準(zhǔn)，由瀏覽器

3、廠商自行實(shí)現(xiàn)JavaScript=ECMAScript+DOM+BOMJSer 最大挑戰(zhàn)：瀏覽器兼容性問(wèn)題JavaScript 典型用途：1. 客戶端數(shù)據(jù)計(jì)算2. 客戶端表單驗(yàn)證3. 動(dòng)畫JavaScript 特點(diǎn)：alert(“hello from script“);按鈕解釋執(zhí)行，讀到才執(zhí)行。先讀到先執(zhí)行，后讀到后執(zhí)行?！胖玫南群箜樞蛴绊懗绦蚪Y(jié)構(gòu)。優(yōu)化：放在 body 后；待網(wǎng)頁(yè)全部加載完在實(shí)現(xiàn)功能，用戶體驗(yàn)效果更佳。一次定義，處

4、處使用；一次修改，處處生效！解決：凡是重復(fù)編寫的代碼塊，都要封裝為一個(gè)方法：方法：執(zhí)行一個(gè)專門功能的一組代碼的序列。定義在下的中語(yǔ)法：function 方法名(){重用的代碼塊}調(diào)用：方法名()?調(diào)用后立即執(zhí)行。**不調(diào)用不執(zhí)行**只要沒(méi)反應(yīng)或效果沒(méi)有出來(lái)就是出錯(cuò)！?F12 調(diào)試查看錯(cuò)誤原因?定位錯(cuò)誤位置！腳本塊中的錯(cuò)誤，僅影響“當(dāng)前腳本塊”中出錯(cuò)位置之后的腳本執(zhí)行。不影響之外的其他元素加載或腳本塊執(zhí)行。Function 中的錯(cuò)誤：只有