(一)今日学习总结
通过一个“抽奖”的功能,学习了数组创建和使用、数组的长度、对象的创建和使用、this的用法、算数里的随机。
(二)打断点调试
在控制台里,在sources选项里,进行断点调试,可以查看变量值的变化,可用F10一步步进行。
(三)this的用法
在调用函数的时候,this作为实际参数传递给形式参数,this传递的是当前元素。
<input type="button" value="开始抽奖" onclick="ck(this)" name="">
...
...
function ck(obj) {
if (obj.value == "开始抽奖") {
obj.value = "结束抽奖";
} else {
obj.value = "开始抽奖";
}
(四)新对象的创建
方法一:
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
方法二:
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};
方法三:对象构造器
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
myFather=new person("Bill","Gates",56,"blue");
(五)新数组的创建和使用
- 数组的创建
var myArray=new Array()
- 数组的赋值
//方法一
var mycars=new Array()
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"
//方法二
var mycars=new Array(3)
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"
//方法三
var mycars=new Array("Saab","Volvo","BMW")
- 数组的访问
document.write(mycars[0])
- 数组的属性
属性 | 释义 |
---|---|
constructor | 返回对创建此对象的数组函数的引用 |
length | 设置或返回数组中元素的数目 |
prototype | 设置或返回数组中元素的数目 |
- 数组的对象
属性 | 释义 | 用法 |
---|---|---|
concat() | 连接两个或更多的数组,并返回结果 | arr.concat(arr2,arr3) 把arr和arr2和arr3数组拼接 |
join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔 | document.write(arr.join()) 把arr数组的所有数值拼合并输出 |
pop() | 删除并返回数组的最后一个元素(返回的是已删除的元素) | array.pop() |
push() | 数组的末尾添加一个或多个元素,并返回新的长度返回的是长度() | array.push("James") |
reverse() | 颠倒数组中元素的顺序 | array.reverse() |
更多属性 | http://www.w3school.com.cn/jsref/jsref_obj_array.asp | - |
(六)Math对象
http://www.w3school.com.cn/jsref/jsref_obj_math.asp
- 随机数
Math.random( )
取0-1之间的随机数
- 一个数进行上舍入
Math.ceil(x)
大于等于的X,最近的一个整数
(七)函数执行频率
为了让函数能按照设定的频率来调用
setInterval(code,millisec[,"lang"])
code为执行的函数或代码,millisec[,“lang”]为时间。
关闭为:
clearInterval(code)