JavaScript基础篇
JavaScript 对大小写是敏感的。
一javaScript输出
1:使用window.alert()弹出警告框。
2:使用docnment.write()方法将内容写到HTML文档中。
3:使用innerHTML写入到HTML元素。
4:使用console.log()写入到浏览器控制台。
二javaScript数据类型
1:数组
① var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
② var cars=new Array("Saab","Volvo","BMW");
③ var cars=["Saab","Volvo","BMW"];
①②③三种方式异曲同工
2:对象
①对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。 属性由逗号分隔:var person={firstname:"John", lastname:"Doe", id:5566};
②对象属性有两种寻址方式:name=person.lastname; name=person["lastname"];
3:对象方法
对象的方法定义了一个函数,并作为对象的属性存储。对象方法通过添加 () 调用 (作为一个函 数)。例如:name = person.fullName();
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function(){
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo").innerHTML = person.fullName();
</script>
三JavaScript字符串
1:字符串获取长度
使用内置属性length来计算长度。
例如:var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var txtlength = txt.length;
2:特殊字符
反斜杠是一个转义字符。 转义字符将特殊字符转换为字符串字符:
转义字符 (\) 可以用于转义撇号,换行,引号,等其他特殊字符。
下表中列举了在字符串中可以使用转义字符转义的特殊字符:
\' |
单引号 |
\" |
双引号 |
\\ |
反斜杠 |
\n |
换行 |
\r |
回车 |
\t |
tab(制表符) |
\b |
退格符 |
\f |
换页符 |
3:字符串可以是对象
通常, JavaScript 字符串是原始值,可以使用字符创建: var firstName = "John"
但我们也可以使用 new 关键字将字符串定义为一个对象: var firstName = new String("John")
var x = "John";
var y = new String("John");
typeof x // 返回 String (typeof:检测数据对象)
typeof y // 返回 Object
四JavaScript条件语句
1: if...else语句
if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
2:switch 语句用于基于不同的条件来执行不同的动作。
switch(n) {
case 1: 执行代码块 1
break;
case 2: 执行代码块 2
break;
default: 与 case 1 和 case 2 不同时执行的代码
}
3:for循环
for (语句 1; 语句 2; 语句 3){
被执行的代码块
}
语句 1 (代码块)开始前执行
语句 2 定义运行循环(代码块)的条件
语句 3 在循环(代码块)已被执行之后执行
4:for...in 语句循环遍历对象的属性。
var person={fname:"John",lname:"Doe",age:25};
for (x in person) {
txt=txt + person[x];
}
注意: for...in 循环中的代码块将针对每个属性执行一次。
5:while 循环会在指定条件为真时循环执行代码块。
while (i<5) {
x=x + "The number is " + i + "<br>";
i++;
}
6:do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环。
do {
x=x + "The number is " + i + "<br>";
i++;
}
while (i<5);
五JavaScript计时事件
1:setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。
setTimeout() - 在指定的毫秒数后执行指定代码。
clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。