第一篇:黑马程序员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九天课程第二天
循环案例:
循环输出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九天课程第八天
练习:
查看用户所用的浏览器是上面 代码:
效果:
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);注意:要想清除定时器,必须给定时器名字,匿名定时器无法清除
练习:
网页版时钟