第一篇：黑馬程序員php培訓(xùn)：javascript+jquery九天課程第七天

定時(shí)器

創(chuàng)建定時(shí)器語(yǔ)法: Var dsq = Window.setTimeout（“函數(shù)（）”，時(shí)間t）；一次性定時(shí)器：在過(guò)t時(shí)間時(shí)候，執(zhí)行一次函數(shù)【只會(huì)執(zhí)行一次】

Var dsq = Window.setInterval(“函數(shù)（）”，時(shí)間t)；反復(fù)性定時(shí)器：在每過(guò)時(shí)間t就會(huì)執(zhí)行一次函數(shù)【會(huì)執(zhí)行無(wú)數(shù)次】

清楚定時(shí)器語(yǔ)法：

Window.clearTimeout(定時(shí)器名);清楚一次性定時(shí)器

Window.clearInterval(定時(shí)器名);清楚反復(fù)性定時(shí)器 點(diǎn)星星，三個(gè)彈出框 Window.open Window.close 圖片切換案例：

1，定時(shí)器：反復(fù)性定時(shí)器

2，頁(yè)面加載完成只會(huì)才會(huì)去切換圖片：onload事件

3，鼠標(biāo)放到圖片上，圖片停止【鼠標(biāo)離開(kāi)圖片，圖片就會(huì)動(dòng)起來(lái)】 4，鼠標(biāo)放到列表上，圖片停止到對(duì)應(yīng)的圖片，背景顏色要變換 5，鼠標(biāo)離開(kāi)列表上，圖片自動(dòng)切換，背景顏色也自動(dòng)切換

圖片自動(dòng)切換

鼠標(biāo)放上圖片停止

鼠標(biāo)放到標(biāo)簽上停止圖片

鼠標(biāo)離開(kāi)li標(biāo)簽讓圖片繼續(xù)切換

第二篇：黑馬程序員php培訓(xùn)：javascript+jquery九天課程第八天

練習(xí)：

查看用戶所用的瀏覽器是上面 代碼：

效果：

DOM：描述網(wǎng)頁(yè)各個(gè)組成部分之間的關(guān)系

Var obj = document.getElementById(“id名”);火狐瀏覽器中空白處也算一個(gè)節(jié)點(diǎn)

ParentNode：父節(jié)點(diǎn) childeNodes：子節(jié)點(diǎn)

firstChild：第一個(gè)子節(jié)點(diǎn) lastChild：最后一個(gè)子節(jié)點(diǎn)

nextSibling：下一個(gè)姐妹或（兄弟）節(jié)點(diǎn)【注意，必須是同父級(jí)關(guān)系】 previousSibling：前一個(gè)兄弟節(jié)點(diǎn)【注意；必須是同父級(jí)關(guān)系】

案例：

星星案例：

網(wǎng)頁(yè)打開(kāi)之后隨即大小，隨即位置出現(xiàn)星星

點(diǎn)擊星星讓星星消失

綁定一個(gè)onclick事件：

對(duì)象.事件=事件處理函數(shù);注意：要想刪除某個(gè)節(jié)點(diǎn)，必須找到它的父節(jié)點(diǎn) 注意：在綁定事件中this可以直接使用 removeChild(obj)：刪除obj

游戲功能添加

游戲進(jìn)度條

第三篇：黑馬程序員php培訓(xùn)：javascript+jquery九天課程第九天

對(duì)象訪問(wèn)：

Length:個(gè)數(shù) Size()：個(gè)數(shù)

Each:遍歷

Each：每個(gè)元素

用法：元素.each(function(index,element){})Index：索引下標(biāo)：從0開(kāi)始 Element：元素

DOM：文檔處理

內(nèi)部插入：父子級(jí)關(guān)系

$(a).Append（$(b)）把b插入到a中【a里面的后面】

$(b).appendTo($(a))把b插入到a中【a里面的后面】

$(a).prepend($(b));把b插入到a中【a里面的前面】

$(b).prependTo($(a));把b插入到a中【a里面的前面】 這種方式插入之后一定是父子級(jí)的關(guān)系

外部插入：兄弟級(jí)關(guān)系

$(a).after($(b))；把b插入到a的后面

$(b).insertAfter($(a));把b插入到a的后面 $(a).before($b);吧b插入到a的前面

$(b).insertBefore($(a))把b插入到a的前面

包裹：

Wrap：包裹$(a).wrap($(b))把a(bǔ)用b包裹起來(lái)【每個(gè)元素都會(huì)包裹】 Unwrap：取消包裹

wraoAll:把所有的都包裹起來(lái)【所有元素都會(huì)被一個(gè)包裹】 wrapInner:內(nèi)部包裹

替換：

$(a).ReplaceWith($(b)):把a(bǔ)用b替換 $(b).replaceAll($(a));用b替換a

刪除：

Empty：刪除:刪除的是內(nèi)容

Remove：刪除:刪除的是整個(gè)標(biāo)簽

復(fù)制：

Clone：復(fù)制出一個(gè)一模一樣的元素

第四篇：黑馬程序員php培訓(xùn)：javascript+jquery九天課程第二天

循環(huán)案例：

循環(huán)輸出1到100之間所有的數(shù)字

循環(huán)輸出1到100之間所有的偶數(shù)

求1到100之間所有數(shù)字的和（求和思想）

求和思想：

1，找一個(gè)變量用來(lái)記錄總和

2，把前一次的和加上新的值再賦值給變量

求1到100之間偶數(shù)的個(gè)數(shù)（計(jì)數(shù)思想）

dowhile循環(huán)

語(yǔ)法：

Var i=1;do{

//循環(huán)體

循環(huán)變量的改變

i++;}while(i<=100)執(zhí)行：循環(huán)變量的初始化=》立刻執(zhí)行一次循環(huán)體=》循環(huán)變量的改變=》循環(huán)條件的判斷（true）=》循環(huán)體=》循環(huán)變量的改變=-》循環(huán)條件判斷（false）=》跳出循環(huán)

注意：必定會(huì)執(zhí)行

for循環(huán)

語(yǔ)法：

for(【循環(huán)變量的初始化】；【循環(huán)條件的判斷】；【循環(huán)變量的改變】){

【循環(huán)體】

} 執(zhí)行：

【循環(huán)變量的初始化】=》【循環(huán)條件的判斷】（true）=》【循環(huán)體】=》【循環(huán)變量的改變】=》循環(huán)條件的判斷】（true）=》【循環(huán)體】=》【循環(huán)變量的改變】=》【循環(huán)條件的判斷】（tfalse）=》=》跳出循環(huán)

for循環(huán)的案例：

For循環(huán)的擴(kuò)展

For循環(huán)的嵌套

For（）{

For（）{

} } 案例：

九九乘法表

代碼：

效果：

星星金字塔

第五篇：黑馬程序員php培訓(xùn)：javascript+jquery九天課程第六天

對(duì)象：一類中的具體的實(shí)力 案例：點(diǎn)出滿天小星星

Document.createElement(“標(biāo)簽名”)Document.body.appendChild(對(duì)象);Document.body:是body標(biāo)簽對(duì)象

Document.documentElementhtml：標(biāo)簽對(duì)象 注意：margin不會(huì)觸發(fā)事件

1，讓頁(yè)面點(diǎn)出星星

2，讓星星隨機(jī)大小并且隨機(jī)位置顯示

this：代表的是當(dāng)前對(duì)象

實(shí)際參數(shù)傳遞到函數(shù)中

ECMAscript，BOM，DOM 發(fā)現(xiàn)：

1，window對(duì)象最高級(jí)

2，BOM：瀏覽器對(duì)象：brower objecj Model 3，DOM：文檔對(duì)象模型：document object model 4，BOM網(wǎng)頁(yè)一打開(kāi)就會(huì)存在 5，DOM去操作的代碼

6，Document是鏈接DOM和BOM Document有下級(jí)：其他都沒(méi)有下級(jí)【多窗口】

Window：window的方法

Window的三個(gè)彈出框：

1，alert();彈出一個(gè)窗口；

2，prompt()；彈出一個(gè)可以讓用戶輸入的窗口，加入提示性語(yǔ)句，也可以加入默認(rèn)值，如果用戶不填寫信息點(diǎn)擊確認(rèn)得到的是空字符串，如果用戶點(diǎn)擊取消得到的是null 3，confirm（）；彈出一個(gè)可以讓用戶選擇的窗口，如果點(diǎn)擊確認(rèn)得到的true，如果點(diǎn)擊取消得到的是false 練習(xí)：

Window.open：打開(kāi)一個(gè)新窗口

Window.open(“鏈接”，”name”，“設(shè)置”);1，width：設(shè)置窗口寬度 2，height：設(shè)置窗口的高度 3，left：新窗口到左端距離 4，top：新窗口到頂部的距離

5，scrollbars：滾動(dòng)條【yes，no，1,0】 6，toolbar：工具欄【yes，no，1,0】 7，location：地址欄 window.close：關(guān)閉窗口

window.close();

定時(shí)器： 創(chuàng)建定時(shí)器：

一次性定時(shí)器：var abcd = window.setTimeout(“js代碼”,時(shí)間t)

執(zhí)行：是在時(shí)間t之后執(zhí)行js代碼【只會(huì)執(zhí)行一次】

時(shí)間：以毫秒為單位

反復(fù)性定時(shí)器：var dsq = window.setInterval(“js代碼”,時(shí)間t)

執(zhí)行：是沒(méi)過(guò)時(shí)間t就會(huì)執(zhí)行一次js代碼【n次】

時(shí)間：是以毫秒為單位 清除定時(shí)器： 清除一次性定時(shí)器：Window.clearTimeout(abcd);清除反復(fù)性定時(shí)器：window.clearInterval(dsq);注意：要想清除定時(shí)器，必須給定時(shí)器名字，匿名定時(shí)器無(wú)法清除

練習(xí)：

網(wǎng)頁(yè)版時(shí)鐘