第一篇:黑馬程序員php培訓(xùn):javascript+jquery九天課程第五天
Date對(duì)象:
1,var n1 = new Date();//創(chuàng)建當(dāng)前時(shí)間日期對(duì)象
2,var n2 = new Date(“1999/9/9 6:6:6”);//創(chuàng)建一個(gè)指定的時(shí)間日期 3,var n3 = new Date(1999,9,9,9,9,9);//創(chuàng)建一個(gè)指定的時(shí)間日期對(duì)象 4,var n4 = new Date(2343523445632);//創(chuàng)建一個(gè)指定的時(shí)間日期對(duì)象 toLocaleString()以當(dāng)前本地格式顯示 getFullYear();//獲取年份 getMonth();//獲取月份 getDate();//獲取日期 getHours();//獲取小時(shí)
getMinutes();//獲取分鐘數(shù) getSeconds();//獲取描述
getMilliSeconds();//獲取毫秒值 getDay();//獲取星期
getTime();//獲取從1970年開始到時(shí)間日期的毫秒值 setFullYear()//設(shè)置年份 setMonth()//設(shè)置月份 setDate()//設(shè)置日期 setHours()//設(shè)置小時(shí)
setMinutes()//設(shè)置分鐘數(shù) setSeconds()//設(shè)置秒數(shù)
setMilliSeconds()//設(shè)置毫秒數(shù)
練習(xí): 計(jì)算到現(xiàn)在為止你所生活了多少天
對(duì)象:一類中的具體的事例
var obj = {name:”張三豐”,age:24,taiji:function ab(){},zuofan:function(){}};屬性:name,age 方法:taiji,zuofan
在JS角度看標(biāo)簽都是對(duì)象 IE:javascript:jscript Livescriot=》javascript-》ECMAscript,BOM,DOM 標(biāo)簽:HTML屬性,CSS屬性:
HTML:對(duì)象.HTML屬性=值; CSS:對(duì)象.style.CSS屬性=”值”
獲取對(duì)象的方法:
Id:document.getElementById(“id名”);事件: 用戶的動(dòng)作 Onclick:點(diǎn)擊
Onmouseover:鼠標(biāo)放上 Onmuseout:鼠標(biāo)離開
練習(xí):
修改div樣式
改變圖片大?。?/p>
開關(guān)燈
修改div中的內(nèi)容
innerHTML:對(duì)象中所有的內(nèi)容(文本內(nèi)容和標(biāo)簽內(nèi)容),指的是雙標(biāo)簽,容器標(biāo)簽 innerText:對(duì)象中所有的文本內(nèi)容
第二篇:黑馬程序員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è)打開之后隨即大小,隨即位置出現(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ì)象訪問:
Length:個(gè)數(shù) Size():個(gè)數(shù)
Each:遍歷
Each:每個(gè)元素
用法:元素.each(function(index,element){})Index:索引下標(biāo):從0開始 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包裹起來【每個(gè)元素都會(huì)包裹】 Unwrap:取消包裹
wraoAll:把所有的都包裹起來【所有元素都會(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è)變量用來記錄總和
2,把前一次的和加上新的值再賦值給變量
求1到100之間偶數(shù)的個(gè)數(shù)(計(jì)數(shù)思想)
dowhile循環(huán)
語法:
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)
語法:
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è)一打開就會(huì)存在 5,DOM去操作的代碼
6,Document是鏈接DOM和BOM Document有下級(jí):其他都沒有下級(jí)【多窗口】
Window:window的方法
Window的三個(gè)彈出框:
1,alert();彈出一個(gè)窗口;
2,prompt();彈出一個(gè)可以讓用戶輸入的窗口,加入提示性語句,也可以加入默認(rèn)值,如果用戶不填寫信息點(diǎn)擊確認(rèn)得到的是空字符串,如果用戶點(diǎn)擊取消得到的是null 3,confirm();彈出一個(gè)可以讓用戶選擇的窗口,如果點(diǎn)擊確認(rèn)得到的true,如果點(diǎn)擊取消得到的是false 練習(xí):
Window.open:打開一個(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í)行:是沒過時(shí)間t就會(huì)執(zhí)行一次js代碼【n次】
時(shí)間:是以毫秒為單位 清除定時(shí)器: 清除一次性定時(shí)器:Window.clearTimeout(abcd);清除反復(fù)性定時(shí)器:window.clearInterval(dsq);注意:要想清除定時(shí)器,必須給定時(shí)器名字,匿名定時(shí)器無法清除
練習(xí):
網(wǎng)頁(yè)版時(shí)鐘