一.变量
1).全局变量:函数和事件之外所有变量,作用在全局。
2).局部变量:事件或函数里面的变量,作用在该范围之内。
二.变量的定义语法
1. js中数据类型统一关键字:var
var a = 10;
2. js中定义一个数组
var a = [1,2,3,4,5] ;
3. js中定义一个对象
var a = {a:1,b:2,c:3};
4. js中定义一个函数
var a = function myfunction(a,b){
return a*b;
}
三.变量的数据类型
1). name
数字,可以为整数或小数或科学技术
2). string
字符串,可以用单引号或双引号
3). bool
true或者 faluse
4). object
对象。
5). array
数组
四.js的输出方式
1). alert();
弹出对话框,为警示框;confirm弹出的是确认框;prompt弹出的是输入框
2). document.write();
将内容写在文本框上
3). console.log();
将内容在控制台弹出
4). document.getElementById("demo").innerHTML="你好 Dolly";
将改变指定内容
五.循环
1). for循环
for(var a=0;a<5;a++){
console.log(a)
}
console.log(a)
2). forEach语法
var arr=[1,2,3,4];
arr.forEach(function (value){
console.log(value)
});
3). for...in循环
var arr=[1,2,3,4];
for (var value in arr){
console.log(arr[value]);
}
4). while循环
i =0;
while(i<6){
console.log(i)
i++;
}
5). do...while循环
i =0;
do{
console.log(i)
i++;
}while(i<10);
六.逻辑选择结构
a = 5;
if (a == 5){
console.log("我们")
}else{
console.log("你们")
}
七.函数的定义
1).
function 函数名(){
}
2).
function show(){
}
show();
3).
var data = function(){
}
data;
4).
var array = {
name: function () {
}
}
array.name();
八.switch语句
switch(n)
{
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
与 case 1 和 case 2 不同时执行的代码
}
九.常见的HTML事件
1). onchange
HTML元素改变
2). onclick
用户点击HTML事件
3). onmouseover
用户在一个HTML元素上移动鼠标
4). onmouseout
用户在一个HTML元素上移出鼠标
5). onkeydown
用户按下键盘按键
6). onload
浏览器已完成页面的加载