第一篇:黑馬程序員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í)鐘