黑马程序员php培训：javascript+jquery九天课程第二天

第一篇：黑马程序员php培训：javascript+jquery九天课程第二天

循环案例：

循环输出1到100之间所有的数字

循环输出1到100之间所有的偶数

求1到100之间所有数字的和（求和思想）

求和思想：

1，找一个变量用来记录总和

2，把前一次的和加上新的值再赋值给变量

求1到100之间偶数的个数（计数思想）

dowhile循环

语法：

Var i=1;do{

//循环体

循环变量的改变

i++;}while(i<=100)执行：循环变量的初始化=》立刻执行一次循环体=》循环变量的改变=》循环条件的判断（true）=》循环体=》循环变量的改变=-》循环条件判断（false）=》跳出循环

注意：必定会执行

for循环

语法：

for(【循环变量的初始化】；【循环条件的判断】；【循环变量的改变】){

【循环体】

} 执行：

【循环变量的初始化】=》【循环条件的判断】（true）=》【循环体】=》【循环变量的改变】=》循环条件的判断】（true）=》【循环体】=》【循环变量的改变】=》【循环条件的判断】（tfalse）=》=》跳出循环

for循环的案例：

For循环的扩展

For循环的嵌套

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(条件){语句块}

执行：判断条件是否满足，如果条件满足就会执行语句块，如果条件不满足，就不会执行语句块的内容

注意：很有可能不执行

2，if，else语句：

语法：if(条件){语句块1}else{语句块2}

执行：判断条件是否满足，如果条件满足，就会执行语句块1，如果条件不满足，就会执行语句块2

注意：这种语句必定会有一个语句块执行

3，if，elseif，elseif语句

语法：if(条件1){语句块1}else if（条件2）{语句块2}else if（条件3）{语句块3}。。。

执行：判断条件1是否满足，如果满足就会执行语句块1，如果不满足就会判断条件2，如果条件2满足，就会执行语句块2，如果条件2不满足就会判断条件3，如果条件3满足就会执行语句块3，如果条件3不满足就会继续往下判断

注意：这种语句有可能不执行

4，if，elseif，elseif，else语句

语法：if（条件1）{语句块1}else if(条件2){语句块2}else{语句块3}

执行：判断条件1是否满足，如果满足执行语句块1，如果不满足就会判断条件2，如果条件2满足就会执行语句块2，如果不满足就会执行语句块3【前面条件不满足就会执行】

注意：语句必定会执行

练习if，else语句：

学生成绩的案例

如果成绩大于或等于90就输出优秀，如果成绩大于或等于80就输出良好 如果成绩大于或等于70就出一般 如果成绩大于或等于60输出及格 其他就输出不及格

第三篇：黑马程序员php培训：javascript+jquery九天课程第八天

练习：

查看用户所用的浏览器是上面 代码：

效果：

DOM：描述网页各个组成部分之间的关系

Var obj = document.getElementById(“id名”);火狐浏览器中空白处也算一个节点

ParentNode：父节点 childeNodes：子节点

firstChild：第一个子节点 lastChild：最后一个子节点

nextSibling：下一个姐妹或（兄弟）节点【注意，必须是同父级关系】 previousSibling：前一个兄弟节点【注意；必须是同父级关系】

案例：

星星案例：

网页打开之后随即大小，随即位置出现星星

点击星星让星星消失

绑定一个onclick事件：

对象.事件=事件处理函数;注意：要想删除某个节点，必须找到它的父节点 注意：在绑定事件中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不会触发事件

1，让页面点出星星

2，让星星随机大小并且随机位置显示

this：代表的是当前对象

实际参数传递到函数中

ECMAscript，BOM，DOM 发现：

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();

定时器： 创建定时器：

一次性定时器：var abcd = window.setTimeout(“js代码”,时间t)

执行：是在时间t之后执行js代码【只会执行一次】

时间：以毫秒为单位

反复性定时器：var dsq = window.setInterval(“js代码”,时间t)

执行：是没过时间t就会执行一次js代码【n次】

时间：是以毫秒为单位 清除定时器： 清除一次性定时器：Window.clearTimeout(abcd);清除反复性定时器：window.clearInterval(dsq);注意：要想清除定时器，必须给定时器名字，匿名定时器无法清除

练习：

网页版时钟