第一篇：黑馬程序員php培訓：javascript+jquery九天課程第二天

循環(huán)案例：

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

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

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

求和思想：

1，找一個變量用來記錄總和

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

求1到100之間偶數的個數（計數思想）

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)

注意：必定會執(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)的擴展

For循環(huán)的嵌套

For（）{

For（）{

} } 案例：

九九乘法表

代碼：

效果：

星星金字塔

第二篇：黑馬程序員php培訓：javascript+jquery九天課程第二天

傳值：把一個變量傳遞給另外一個變量

Var 變量名=值； Var n=3； Var m=n；

Var a={name:”張三”,age:24};Var b=a;1，賦值傳值：兩份數據，兩份數據之間不會影響

2，引用傳值：一份數據，任意一個改動值另外一個都會受到影響 注意：在簡單數據的傳值中，都是賦值傳值，而復雜數據都是引用傳值

如果明天下雨，就不出去打籃球 不下雨 if（下雨）{ 不去打籃球 } 流程控制值if語句：

1，if語句：

語法：if(條件){語句塊}

執(zhí)行：判斷條件是否滿足，如果條件滿足就會執(zhí)行語句塊，如果條件不滿足，就不會執(zhí)行語句塊的內容

注意：很有可能不執(zhí)行

2，if，else語句：

語法：if(條件){語句塊1}else{語句塊2}

執(zhí)行：判斷條件是否滿足，如果條件滿足，就會執(zhí)行語句塊1，如果條件不滿足，就會執(zhí)行語句塊2

注意：這種語句必定會有一個語句塊執(zhí)行

3，if，elseif，elseif語句

語法：if(條件1){語句塊1}else if（條件2）{語句塊2}else if（條件3）{語句塊3}。。。

執(zhí)行：判斷條件1是否滿足，如果滿足就會執(zhí)行語句塊1，如果不滿足就會判斷條件2，如果條件2滿足，就會執(zhí)行語句塊2，如果條件2不滿足就會判斷條件3，如果條件3滿足就會執(zhí)行語句塊3，如果條件3不滿足就會繼續(xù)往下判斷

注意：這種語句有可能不執(zhí)行

4，if，elseif，elseif，else語句

語法：if（條件1）{語句塊1}else if(條件2){語句塊2}else{語句塊3}

執(zhí)行：判斷條件1是否滿足，如果滿足執(zhí)行語句塊1，如果不滿足就會判斷條件2，如果條件2滿足就會執(zhí)行語句塊2，如果不滿足就會執(zhí)行語句塊3【前面條件不滿足就會執(zhí)行】

注意：語句必定會執(zhí)行

練習if，else語句：

學生成績的案例

如果成績大于或等于90就輸出優(yōu)秀，如果成績大于或等于80就輸出良好 如果成績大于或等于70就出一般 如果成績大于或等于60輸出及格 其他就輸出不及格

第三篇：黑馬程序員php培訓：javascript+jquery九天課程第八天

練習：

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

效果：

DOM：描述網頁各個組成部分之間的關系

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

ParentNode：父節(jié)點 childeNodes：子節(jié)點

firstChild：第一個子節(jié)點 lastChild：最后一個子節(jié)點

nextSibling：下一個姐妹或（兄弟）節(jié)點【注意，必須是同父級關系】 previousSibling：前一個兄弟節(jié)點【注意；必須是同父級關系】

案例：

星星案例：

網頁打開之后隨即大小，隨即位置出現星星

點擊星星讓星星消失

綁定一個onclick事件：

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

游戲功能添加

游戲進度條

第四篇：黑馬程序員php培訓：javascript+jquery九天課程第九天

對象訪問：

Length:個數 Size()：個數

Each:遍歷

Each：每個元素

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

DOM：文檔處理

內部插入：父子級關系

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

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

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

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

外部插入：兄弟級關系

$(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包裹起來【每個元素都會包裹】 Unwrap：取消包裹

wraoAll:把所有的都包裹起來【所有元素都會被一個包裹】 wrapInner:內部包裹

替換：

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

刪除：

Empty：刪除:刪除的是內容

Remove：刪除:刪除的是整個標簽

復制：

Clone：復制出一個一模一樣的元素

第五篇：黑馬程序員php培訓：javascript+jquery九天課程第六天

對象：一類中的具體的實力 案例：點出滿天小星星

Document.createElement(“標簽名”)Document.body.appendChild(對象);Document.body:是body標簽對象

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

1，讓頁面點出星星

2，讓星星隨機大小并且隨機位置顯示

this：代表的是當前對象

實際參數傳遞到函數中

ECMAscript，BOM，DOM 發(fā)現：

1，window對象最高級

2，BOM：瀏覽器對象：brower objecj Model 3，DOM：文檔對象模型：document object model 4，BOM網頁一打開就會存在 5，DOM去操作的代碼

6，Document是鏈接DOM和BOM Document有下級：其他都沒有下級【多窗口】

Window：window的方法

Window的三個彈出框：

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

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

Window.open：打開一個新窗口

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

5，scrollbars：滾動條【yes，no，1,0】 6，toolbar：工具欄【yes，no，1,0】 7，location：地址欄 window.close：關閉窗口

window.close();

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

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

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

時間：以毫秒為單位

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

執(zhí)行：是沒過時間t就會執(zhí)行一次js代碼【n次】

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

練習：

網頁版時鐘